Course curriculum

  • 1

    What We Will Learn?

  • 2

    Let`s Start to Learn React JS

    • Your First App Overview

    • Frequently Asked Questions

    • Let, Const and Var in 3 minutes

    • Install Node JS

    • Create Your React App

    • Why You Will Need To Create a React App?

    • Start Creating React App

      ÜCRETSİZ ÖNİZLEME

    • Do You Want to Learn How To Stop React App?

    • Important Functional Components
  • 3

    What is this JSX?

  • 4

    React with Props

    • Three Tenets of Components

    • Simple App with React

    • Styling App with Semantic UI

    • Building Component

    • Specifying The Image in React JS

    • Duplicating The Single Component

    • Component Nesting

    • Props System

    • Passing Props to Child

    • Reusable Component Overview

    • Props Children
  • 5

    Class-Based Components

    • Class-Based Components and Functional Component

    • New App Overview

    • Getting Users Physical Location

    • Handling Async Operation in React

    • Transformation Functional Component to Class Based Component
  • 6

    State in React

    • State Rules

    • Initializing State In Constructor

    • Lifecycle Method Overview

    • Conditional Rendering
  • 7

    Lifecycle Methods

    • Get to Know Lifecycle Method

    • Refactoring App with Lifecycle Method

    • Passing State As Props

    • Ternary Expressions in JSX

    • Showing Picture

    • Styling The App

    • Free React Developer Tools

    • General App Review
  • 8

    User Inputs, Forms and Events in React JS

    • App Overview

    • Component Design

    • Handling Forms

    • Styling The App

    • Creating Event Handlers

    • Controlled vs Uncontrolled Elements

    • Why Controlled Elements?

    • Understanding ‘this’ Key Word In JS

    • Communicating Child to Parent

    • Invoking Callbacks In Children
  • 9

    API Request with React

    • Fetching Data

    • Axios vs Fetch

    • Async Await Function

    • Setting The State

    • Rendering A List of Components

    • Implementing The Key Values In List

    • What We Have Learned From The App?
  • 10

    Navigation with React Router

    • Initializing The Project

    • The React Router

    • Link and Nav Links

    • Programmatic Redirects

    • Route Parameters

    • React Router Switch Tag
  • 11

    React Portals

    • How To Create A Modal?

    • Why React Portals?

    • Creating a React Portals