Learn React
Offered By: Codecademy
Course Description
Overview
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.
### 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.
Syllabus
- 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
Taught by
Jiwon Shin
Related Courses
Advanced ReactMeta via Coursera AWS CodePipeline Beginner's Guide
Coursera Project Network via Coursera Build a Web App incorporating React and Redux Hooks
Coursera Project Network via Coursera Build a Web App using React and Redux
Coursera Project Network via Coursera Build Your First React Website (Part II)
Coursera Project Network via Coursera