John Smilga teaches the fundamentals of React, including hooks, the Context API, React Router, and custom hooks.
Learn the basics of React in this comprehensive course. You will learn about fundamentals, hooks, context API, react router, custom hooks, and more.
React is one of the most popular ways to build user interfaces using JavaScript.
🎥 React projects video: youtube.com/watch?v=a_7Z7C_JCyo
✏️ Course from John Smilga of the Coding Addict channel. Check out his channel: youtube.com/codingaddict
💻 Basic React Code: github.com/john-smilga/react-basics-2020
💻 Advanced React: github.com/john-smilga/react-advanced-2020
❤️ Try interactive React courses we love, right in your browser: scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba)
⭐️ Course Contents ⭐️
⌨️ () Intro
⌨️ () About React
⌨️ () Goals
⌨️ () Structure
⌨️ () Course Requirements
⌨️ () Dev Environment Setup
⌨️ () Text Editor Setup
⌨️ () Command Line Basics
⌨️ () NPM Basics
⌨️ () Create-React-App
⌨️ () Install Create-React-App
⌨️ () Folder Structure
⌨️ () Clean Boilerplate
⌨️ () First Component
⌨️ () Text Editor Setup
⌨️ () First Component In Detail
⌨️ () JSX Rules
⌨️ () Nested Components And Tools
⌨️ () Mini Book Project
⌨️ () CSS Basics
⌨️ () JSX Css
⌨️ () JSX Javascript
⌨️ () Props
⌨️ () Props Destructuring
⌨️ () Props - Children
⌨️ () Simple List
⌨️ () Proper List
⌨️ () Key Prop And Spread Operator
⌨️ () Event Basics
⌨️ () Import And Export Statements
⌨️ () Free Hosting
⌨️ () Advanced Intro
⌨️ () Get Starter Project
⌨️ () Install Starter
⌨️ () Starter Overview
⌨️ () UseState - Simple Use Case
⌨️ () UseState - Basics
⌨️ () General Rules Of Hooks
⌨️ () UseState - Array Example
⌨️ () UseState - Object Example
⌨️ () UseState - Multiple State Values
⌨️ () Simple Counter
⌨️ () Functional Update Form
⌨️ () Matching Project
⌨️ () useEffect - Basics
⌨️ () useEffect - Conditional
⌨️ () useEffect - Dependency List
⌨️ () useEffect - Cleanup Function
⌨️ () useEffect - Fetch Data
⌨️ () Multiple Returns
⌨️ () Multiple Returns - Fetching Data
⌨️ () Short - Circuit Evaluation
⌨️ () Ternary Operator
⌨️ () Show/Hide Component
⌨️ () Form Basics
⌨️ () Controlled Inputs
⌨️ () Add Item To The List
⌨️ () Multiple Inputs
⌨️ () useRef
⌨️ () useReducer - UseState Setup
⌨️ () useReducer - Refactor
⌨️ () useReducer - Add Item
⌨️ () useReducer - Remove Item
⌨️ () Prop Drilling -
⌨️ () Context API / - useContext
⌨️ () Custom Hooks - useFetch
⌨️ () PropTypes - Setup
⌨️ () PropTypes - Images
⌨️ () PropTypes - Default Values
⌨️
Why it's here
2 people recommend this
What people say. Highly recommended as an excellent, comprehensive crash course for learning modern React basics and building practical projects.
s
u/sylvant_phin r/Frontend • Recommends
On “Frontend masters vs Freecodecamp?”
unfortunately FCC react part is pretty small and uses the older class syntax, altho id recommend it as a great free source to learn stuff, great place to pick up on projects and compare with other people and also great open community(which im proud part of!).
To get better in react i used this react basics course (which is actually on the fcc channel!) and its follow up projects video afterwards. The first video scratches on all the basic react functionalities and in the projects you can see their better and more thorought implementation(whcih you should take the chance to do on your own, applying to the boilerplate projects!)
And once you are done with all that, you should take on your…
link to this video
This youtube crash course is excellent if you are familiar with the very basics of javascript. Just follow along! There's also side projects he will splice you onto after about 5 hours on a seperate video which teach you how to make so many practical react components. After that I can recommend some nice nextjs resources if thats the route you wish to take
