This course contains 170 interactive scrims spread across 4 modules.
34 lessons2 hours 47 min
27 lessons2 hours 12 min
64 lessons5 hours 7 min
45 lessons3 hours 10 min
JS inside JSX
Passing objects as props
Spreading objects as props
Props vs state
useState array destructuring
Passing state as props
Forms state object
Submitting forms in React
Making API calls
Async functions inside useEffect
Local storage with React
Lazy state initialization
Your very first React app will be a static site about React! This gives you an intro to the basic principles of the library.
You'll wrap up the first section by completing your first Solo Project - a digital business card.
You'll take your React skills to the next level by creating an AirBnB Experiences clone.
Your second Solo Project is a travel journal.
In section 3, Bob guides you through building his classic meme generator, updated with the newest React features.
You'll get to know even more features of React by building this handy notes app.
Your first React game will be the popular dice game, Tenzies.
To finish up the course, you'll build a fun quiz app to consolidate everything you've learned.
Head of Education at Scrimba. Passionate about learning 📚, helping others achieve their career goals 👩💻, tennis 🎾, woodworking 🪑, and my family 👨👩👦👦.Follow me on twitter
Facebook built React for their own products, which include Facebook, Instagram, and WhatsApp . React is also used by Netflix, The New York Times, AirBnb, Discord, DropBox, and many other big companies you've heard of.
React is used for frontend web apps to detect user input, fetch data, and update the user interface with data. React does all this with maximum performance.
React mainly gives you a structured way to create reusable frontend UI components, handle user input, update UI components efficiently, and manage your data.
You will find there is no predefined way to structure your app. To ensure you get the most from React, you'll need to spend a little more time researching and implementing popular and effective ways to structure your app.
React is a library - a library of helpful functions and modules to pull into your app as and when you need them. This means you're in complete control of your app. A framework, by definition, is the essential support for your app, which you build on and operate within.
Yes, absolutely. In the early days, React probably worked best with Node.js but in 2021, it's free game. React is a fantastic candidate for any backend framework.
Salaries can vary greatly from $40K to $100k and beyond. It depends on your aptitude, attitude, and location!
No. This course replaces Bob's original React course, and is designed to include all the need-to-know modern features of React.
Solo Projects are real-world projects that are tailored to your skill level as you progress through the course. Use them to stress-test your skills and get projects for your portfolio. Most of the Solo Projects on Scrimba are only accessible for Pro Members.
Do not worry! Anything you've already learned will still be useful, for example when dealing with legacy code. However we recommend you switch to this course so that you're learning the newest features of React.