YoVDO

Learn React

Offered By: Codecademy

Tags

React Courses Web Development Courses Javascript Courses JSX Courses

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.


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 React
Meta 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