Name: Learn React
Brand: Scrimba
Availability: OnlineOnly
Rating: 4.7 (69 reviews)

返回到 Learn React

学生对 Scrimba 提供的 Learn React 的评价和反馈

4.7

星

213 个评分

课程概述

This is the ideal starting point for anyone eager to learn modern React basics in the most interactive, hands-on way possible. Throughout this course, you'll tackle over 170 interactive coding challenges and build six exciting projects. If you're tired of React courses that leave you staring blankly at an empty editor screen, you're in the right place! Here, you'll **actually build React projects by the end**, giving you the confidence and skills to tackle real-world applications. Section 1: Static pages (project: ReactFacts site) In this introductory section, you'll get familiar with React basics, including components, JSX, and styling. You’ll create a simple ReactFacts site, learning about composable and declarative code, React elements, and best practices for building static pages in React. Topics covered: - Intro to React - Why React?: Composable & Declarative - React Elements - JSX - Creating custom components - Fragments - Styling with Classes Section 2: Data-Driven React (project: Travel Journal) Next, you’ll discover how to make your React apps dynamic by introducing reusable components, props, and data-driven rendering. In the inspiring Travel Journal project, you’ll map data to components, handle static assets, and use props to personalize the user experience. Topics covered: - Reusable components - Props - Evaluating JS inside JSX - Handling static assets - Mapping data to components Section 3: React State (project: Chef Claude) This module introduces you to React's state management, allowing you to handle events, manage complex state, and create responsive forms. The Chef Claude project will help you see the difference between props and state, implement conditional rendering, and dynamically style components based on user interaction. Topics covered: - Event listeners - Props vs. State - Creating & changing state - Complex state - Forms & form actions - Conditional rendering - Setting state from children - Dynamic styles Section 4: Side effects (project: Meme Generator) Explore side effects in React with this module on data fetching, controlled components, and refs. In the Meme Generator project, you’ll practice managing side effects, optimizing dependencies, and cleaning up resources, giving you a robust foundation for handling external data and effects. Topics covered: - Controlled components/forms - Functional programming in React - Fetching data - Handling side effects - Side effect dependencies - Cleaning up side effects - Refs Section 5: Capstone project 1: Tenzies game This capstone project challenges you to put everything you've learned into action by building a complete Tenzies game. Through step-by-step challenges, you'll improve your skills by learning lazy state initialization and accessibility, creating a polished, interactive experience. Topics covered: - Series of challenges to build the capstone project - Lazy state initialization - Accessibility improvements Section 6: Capstone project 2: Assembly: Endgame In this final capstone, you'll face a series of challenges to build a complex, multi-featured app. By the end of Assembly: Endgame, you’ll have gained real-world experience in problem-solving and combining all the React skills you've developed throughout the course. Topics covered: Series of challenges to build the capstone project Why this course? This course is filled with coding challenges that you'll complete by writing React code directly inside the browser! Before you know it, you'll have written six interactive React applications! You’ll also benefit from spaced learning and repetition in this course. Make sure you give yourself time (days/weeks) to finish it, and include lots of breaks. Don't try cramming it all in at once. Once you are done, you will feel confident in your React skills and be ready to continue your coding journey....

26 - Learn React 的 50 个评论（共 71 个）

创建者 Shivam C

•

Jul 30, 2025

that give hand practice overall emphasis their idea toward way create

创建者 Yurii P

•

Jul 14, 2025

Great introductory course to React, much better than Meta's course.

创建者 Mary A

•

Apr 2, 2025

The course was very detailed and it explains the fundamentals well

创建者 Abel M

•

Apr 21, 2025

i don't have money i'm student pleases give the free certificate

创建者 Abdullah

•

Aug 31, 2023

I learned a lot and had a good experience throughout the course.

创建者 Sarthak S

•

Dec 11, 2025

The best react course ever the way he teaches is amazing.

创建者 Kishor K

•

Jan 30, 2024

I gain More Kowledge In this course, Thank You so much

创建者 Surya W

•

Nov 2, 2023

there some duplicate content, but overall its great

创建者 Şöhret T

•

Feb 8, 2024

that was super helpful for me thanks to scrimba

创建者 Abhishek A

•

Jan 4, 2024

Great, but some videos are repeated 2-3 times.

创建者 NITISH K

•

Jul 25, 2023

awesome this course is help full for begnner

创建者 Himanshu G

•

Mar 30, 2024

Why you r=written free when its paid course

创建者 Cristian C C

•

Oct 12, 2023

Excelente curso, extremadamente recomendado

创建者 Bo B

•

Dec 30, 2023

Greact course is teached by great teacher.

创建者 Sulsiperis

•

Dec 17, 2023

Very useful and clear. Good for beginners.

创建者 Sangitha.B k

•

Oct 25, 2023

It's good but i didn't receive certificate

创建者 Arun J

•

Aug 21, 2023

Awesome course for React beginners.

创建者 matthieu s

•

Aug 10, 2023

Very nice and motivating teacher ;)

创建者 Yashawant R

•

Jun 24, 2024

it was good to learn from here

创建者 Rana S

•

Apr 3, 2024

Best course ever in my life

创建者 Edoardo S

•

Nov 26, 2025

bello utile per iniziare

创建者 hasnain a

•

Jan 17, 2024

recommeded for beginers

创建者 Bernardo, M L A

•

Dec 8, 2023

highly recommended

创建者 Juan D C L

•

Nov 22, 2023

Excellent course.

创建者 Priang R N S

•

Aug 23, 2023

good course

学生对 Scrimba 提供的 Learn React 的评价和反馈

课程概述

热门审阅

26 - Learn React 的 50 个评论（共 71 个）