UWD: Section 33, React

418. What is React?

419. What we will make in this React module

420. Introduction to Code Sandbox and the Structure of the Module

421. Introduction to JSX and Babel

422. JSX Code Practice

423. Javascript Expressions in JSX & ES6 Template Literals

424. Javascript Expressions in JSX Practice

425. JSX Attributes & Styling React Elements

426. Inline Styling for React Elements

427. React Styling Practice

428. React Components

429. React Components Practice

430. Javascript ES6 - Import, Export and Modules

431. Javascript ES6 Import, Export and Modules Practice

432. [Windows]​ Local Environment Setup for React Development

433. [Mac] Local Environment Setupfor React Development​

434. Keeper App Project - Part 1 Challenge

435. Keeper App Part 1 Solution

436. React Props

437. React Props Practice

438. React DevTools

439. Mapping Data to Components

440. Mapping Data to Components​ Practice

441. Javascript ES6 Map/Filter/Reduce

442. Javascript ES6 Arrow functions

443. Keeper App Project - Part 2

444. React Conditional Rendering with the Ternary Operator & AND Operator

445. Conditional Rendering Practice

446. State in React - Declarative vs. Imperative Programming

447. React Hooks - useState

448. useState Hook Practice

449. Javascript ES6 Object & Array Destructuring

450. Javascript ​ES6 Destructuring Challenge Solution

451. Event Handling in React

452. React Forms

453. Class Components vs. Functional Components

454. Changing Complex State

455. Changing Complex State Practice

456. Javascript ES6 Spread Operator

457. Javascript ES6 Spread Operator Practice

458. Managing a Component Tree

  • Props is read only

sandbox

459. Managing a Component Tree Practice

460. Keeper App Project - Part 3

461. React Dependencies & Styling the Keeper App

462. Tip from Angela - How to Build Your Own Product

463. Feedback Time!