Thread by @chrisblakely01, Over the past year, I've written a bunch of #React tutorials on [...]

Over the past year, I& #39;ve written a bunch of #React tutorials on @freeCodeCamp

If you& #39;re learning React, here& #39;s a thread of articles/videos that will help you go from React basics to building your own projects

https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten">

Let& #39;s start with the basics! In this article, you& #39;ll learn how to use hooks, state, props, create reusable components, and call and API, and build a real project along the way https://www.freecodecamp.org/news/getting-started-with-react-a-modern-project-based-guide-for-beginners-including-hooks-2/">https://www.freecodecamp.org/news/gett...

How to Get Started with React — A Modern Project-based Guide for Beginners (Including Hooks)

So you want to start learning React, eh? Then you've come to the right place. This guide will walk you through everything you need to know when getting started with React. We'll get set up, explain...

https://www.freecodecamp.org/news/getting-started-with-react-a-modern-project-based-guide-for-beginners-including-hooks-2/

Now its time to try your first project! I& #39;ve included tips/starter code to help you try this one yourself. Don& #39;t worry - we& #39;ll walk through how to do it in the article

Video/code included https://www.freecodecamp.org/news/react-beginner-project-tutorial-temperature-control-app/">https://www.freecodecamp.org/news/reac...

How to Build a Temperature Control App in React – Tips and Starter Code Included

What we're building In this beginner React project, we're going to learn how to use state hooks, handle events, apply CSS based on state, and more! Check it out: Prefer Video Tutorials? Check out the...

https://www.freecodecamp.org/news/react-beginner-project-tutorial-temperature-control-app/

Next, have a go at this more "advanced" project - building a quiz all! You& #39;ll learn how to work with complex state objects, conditional rendering, and handling events

Video/code included https://www.freecodecamp.org/news/how-to-build-a-quiz-app-using-react/">https://www.freecodecamp.org/news/how-...

How to Build a Quiz App Using React –with Tips and Starter Code

In this beginner React tutorial we're going to build a quiz app. We'll work with complex state objects, how to handle different state hooks, and render things based on state. Check it out: Try it...

https://www.freecodecamp.org/news/how-to-build-a-quiz-app-using-react/

Next, we& #39;ll look at creating simple forms using hooks. Learn how to capture user input, handle submitting a form, and showing errors

Video/code included https://www.freecodecamp.org/news/beginner-react-project-build-basic-forms-using-react-hooks/">https://www.freecodecamp.org/news/begi...

Beginner React Project - How to Build Basic Forms Using React Hooks

What we're building In this beginner React Project, we're going to learn how to build basic forms using React hooks. We'll learn how to manage form state, handle validation, and work with submit...

https://www.freecodecamp.org/news/beginner-react-project-build-basic-forms-using-react-hooks/

More project practice, using an API to search and display movies! This one is fun and a good one to add to your portfolio

Video/code included https://www.freecodecamp.org/news/react-movie-app-tutorial/">https://www.freecodecamp.org/news/reac...

React Movie App Tutorial - Build A Fun Portfolio Project with React and the OMBD API

In this React movie app tutorial, we're going to: Use a real API to search for movies as we typeCreate a "Netflix style" horizontal scroll effectAdd movies to and remove them from our favouritesSave...

https://www.freecodecamp.org/news/react-movie-app-tutorial/

Next, we& #39;ll move onto advanced state management - building an app using the context API!

There are lots of cool features in this one

Video/code included https://www.freecodecamp.org/news/react-budget-tracker-app/">https://www.freecodecamp.org/news/reac...

Build a React Budget Tracker App – Learn React & Context API with this Fun Project

In this React Budget Tracker App tutorial we're going to: We’ll learn how break down a UI into React componentsLearn how to work with state using the Context APILearn about actions, reducers, and the...

https://www.freecodecamp.org/news/react-budget-tracker-app/

And finally, we& #39;ll look at Redux, using Redux toolkit. We& #39;ll build a TODO app and learn the inner workings of Redux and how to make API calls.

Video/code included https://www.freecodecamp.org/news/redux-for-beginners-the-brain-friendly-guide-to-redux/">https://www.freecodecamp.org/news/redu...

Redux for Beginners – The Brain-Friendly Guide to Learning Redux

In this Redux for Beginners guide, we're going to: Learn about the different parts of Redux and how they work togetherLearn how to fetch data from an API using ReduxLearn how to use Redux Toolkit to...

https://www.freecodecamp.org/news/redux-for-beginners-the-brain-friendly-guide-to-redux/

What next? Check out my YouTube channel where I post more project-based React tutorials and keep an eye on freeCodeCamp for more of my content! https://www.youtube.com/channel/UC-Zcse8tC53G34Uo4kzLeAg?sub_confirmation=1">https://www.youtube.com/channel/U...

Chris Blakely

React Tutorials and Projects to help you on the road to becoming a Frontend Developer!

https://www.youtube.com/channel/UC-Zcse8tC53G34Uo4kzLeAg?sub_confirmation=1

Latest Threads Unrolled: