Introduction & Core Concepts

73 lessons in React

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