Read on Twitter
Over the past year, I've written a bunch of #React tutorials on @freeCodeCamp
If you're learning React, here's a thread of articles/videos that will help you go from React basics to building your own projects
If you're learning React, here's a thread of articles/videos that will help you go from React basics to building your own projects
Let's start with the basics! In this article, you'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/
Now its time to try your first project! I've included tips/starter code to help you try this one yourself. Don't worry - we'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/
Video/code included 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'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/
Video/code included https://www.freecodecamp.org/news/how-to-build-a-quiz-app-using-react/
Next, we'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/
Video/code included 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/
Video/code included https://www.freecodecamp.org/news/react-movie-app-tutorial/
Next, we'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/
There are lots of cool features in this one
Video/code included https://www.freecodecamp.org/news/react-budget-tracker-app/
And finally, we'll look at Redux, using Redux toolkit. We'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/
Video/code included 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
