Learn React

Build powerful interactive applications with React, a popular JavaScript library.

### Why Learn ReactJS?

ReactJS offers graceful solutions to some of front-end programming’s most persistent issues, allowing you to build dynamic and interactive web apps with ease. It’s fast, scalable, flexible, powerful, and has a robust developer community that’s rapidly growing. There’s never been a better time to learn React.

### Take-Away Skills:
You’ll develop a strong understanding of React’s most essential concepts: JSX, class and function components, props, state, lifecycle methods, and hooks. You’ll be able to combine these ideas in React’s modular programming style.

### Note on Prerequisites:
A strong foundation in JavaScript is a prerequisite for this course, as well as basic HTML.

• JSX: Learn to use JSX, the basic syntax of React.js
• Lesson: Intro to JSX
• Article: React: The Virtual DOM
• Lesson: Advanced JSX
• Project: Animal Fun Facts
• Quiz: JSX
• React Components: Learn to make React Components, the building blocks of all React.js applications.
• Lesson: Your First React Component
• Lesson: Components and Advanced JSX
• Article: Creating a React App
• Project: Authorization Form
• Quiz: React Components
• Components Interacting: Learn how to make React components interact with one another.
• Lesson: Components Render Other Components
• Lesson: Props
• Informational: React Developer Tools
• Project: CodeyOverflow Forum
• Quiz: Components Interacting
• Hooks: Learn how to use Hooks in React, a powerful feature of function components.
• Lesson: The State Hook
• Lesson: The Effect Hook
• Project: Passing Thoughts
• Quiz: React Hooks
• React Programming Patterns: Learn React programming patterns for mixing components with and without state.
• Lesson: React Programming Patterns
• Project: Video Player
• Quiz: React Programming Patterns
• React Styles: Learn how to apply styles to React apps and choose the right approach to keep your styles organized and manageable.
• Lesson: React Styles
• Project: Styling Rock, Paper, Scissors
• Quiz: React Styles
• React Forms: Learn how to create and interact with forms in React applications.
• Lesson: React Forms
• Article: What are Uncontrolled Components?
• Project: Saucy Tango Food Order Form
• Quiz: React Forms