Introduction & Core Concepts

73 lessons in React

• Composition and the children PropFlashcard
• Purity of Render LogicFlashcard
• Declarative vs Imperative UIFlashcard
• Props and Unidirectional Data FlowFlashcard
• JSX and createElementFlashcard
• State vs PropsFlashcard
• Conditional Rendering PatternsFlashcard
• Virtual DOM and ReconciliationFlashcard
• Controlled vs Uncontrolled ComponentsFlashcard
• Synthetic EventsFlashcard
• Rendering Lists and KeysFlashcard
• Components as Composition UnitsFlashcard
• Rendering To The DOMQuiz
• JSX Syntax RoleQuiz
• Class ComponentsQuiz
• JSX Compiles ToQuiz
• Lists And KeysQuiz
• Expressions In JSXQuiz
• What React IsQuiz
• JSX Attribute ConventionsQuiz
• Declarative vs ImperativeQuiz
• Virtual DOM ConceptQuiz
• One-Way Data FlowQuiz
• Composing ComponentsQuiz
• Handling EventsQuiz
• Conditional RenderingQuiz
• Props BasicsQuiz
• Component-Based ArchitectureQuiz
• The children PropQuiz
• Component Naming RulesQuiz
• Single Root ElementQuiz
• State vs PropsQuiz
• Function ComponentsQuiz
• One-Way Data Flow OverviewSlides / Video
• React Project Structure OverviewSlides / Video
• JSX Syntax and Its PurposeSlides / Video
• The Virtual DOM ExplainedSlides / Video
• Component-Based ArchitectureSlides / Video
• Declarative vs Imperative UISlides / Video
• React: Library vs FrameworkSlides / Video
• Composing ComponentsCode Quiz
• Expressions In JSXCode Quiz
• Reading PropsCode Quiz
• One-Way Data FlowCode Quiz
• What React IsCode Quiz
• Single Root ElementCode Quiz
• JSX Attributes vs HTMLCode Quiz
• Rendering To The DOMCode Quiz
• JSX Syntax BasicsCode Quiz
• Component Naming ConventionCode Quiz
• Defining Function ComponentsCode Quiz
• The Virtual DOMCode Quiz
• What React Is and Why It ExistsSlides / Video
• Setting Up a React ProjectSlides / Video
• Single Page Application (SPA) ConceptSlides / Video
• JSX Syntax RulesFlashcard
• Declarative vs ImperativeFlashcard
• Elements vs ComponentsFlashcard
• Composing ComponentsFlashcard
• Component-Based ArchitectureFlashcard
• What React IsFlashcard
• Functional ComponentsFlashcard
• Props vs StateFlashcard
• The Virtual DOMFlashcard
• Single Page ApplicationFlashcard
• Library vs FrameworkFlashcard
• PropsFlashcard
• Rendering to the DOMFlashcard
• What Is JSXFlashcard
• Introduction to StateFlashcard
• One-Way Data FlowFlashcard
• Rendering Elements to the ScreenSlides / Video
• Function Components BasicsSlides / Video