React for the Absolute Beginner - ReactJS App Fundamentals

React for the Absolute Beginner - ReactJS App Fundamentals

Components, Virtual DOM, State, Controls, APIs, JSON, Developer Tools, Bootstrap Design and Django Framework Integration

Components, Virtual DOM, State, Controls, APIs, JSON, Developer Tools, Bootstrap Design and Django Framework Integration
Start Course Download Share
44 videos
Updated: 8/2021

Description

Ever wondered what React is and why everyone is talking about it? Would you like to learn React for a potential job at work? We got the course for you!

We designed a course for absolute beginners to learn React step by step. We start first with the fundamentals and then build on each principle until you have a solid understanding of React.

React is a Javascript Front-End Framework to help you create amazing front ends for you website using single page applications. React really shines with its use of data. Keeping your front-end in sync with with and API …

Click for more... »

Outline

  • 1 - What is a React Component?
  • 2 - Understanding Virtual DOM
  • 3 - Functional vs Class Based Components
  • 4 - React Lifecycle Functions for Class Based Components
  • 5 - Understanding Data Flow
  • 6 - React Developer Tools

  • 1 - What is State?
  • 3 - Implementing a Counter Using Class Based Component
  • 4 - Implementing a Counter Using Functional Component Using Hooks
  • 5 - Building a Stepper Control
  • 6 - Styling the Stepper Control
  • 7 - Asynchronous Nature of State in Class Based Components
  • 8 - synchronous Nature of State in Function Based Components
  • 9 - Capturing Text Input Values Using State
  • 10 - Capturing Multiple Input Values Using State
  • 11 - React Developer Tools (Inspecting State)

  • 1 - What is an API?
  • 3 - What is an OBDM API?
  • 5 - Registering with OMDB API
  • 6 - Capturing Movie Search Name
  • 7 - Fetching Movies
  • 8 - Displaying Movies
  • 9 - Adding Routing Using react-router-dom
  • 10 - Fetching Movie Details
  • 11 - Displaying Movie Details
  • 12 - Persisting State, Adding Clear Results Button and Showing No Movies Found

  • 1 - Why Polish Is Important
  • 2 - Auto Formatting
  • 3 - Bootstrap and NavBar
  • 4 - Header
  • 5 - Movie Posters
  • 6 - Detail Page

  • 1 - Making a Django REST API
  • 2 - Creating a React App in Django
  • 3 - Login and State
  • 4 - CORS and API Tokens
  • 5 - Listing Todos
  • 6 - Deploying Django and React

  • 1 - React Promo

    • Community bail out

    Most Popular Issues Replies Views Activity
    [Help Needed] Personal blog project - Failed to display models
    Q&A django-3
    		avatar 2 40 1 month, 2 weeks

    Try more fancy courses

    iOS 13 - How to Make Amazing iPhone Apps: Xcode 11 & Swift 5

    Learn SwiftUI, Dark Mode, Sign in with Apple, Swift Package Manager and SF Symbols on the new Xcode 11 and Swift 5.1
    Swift 5 Programming for Beginners

    Learn to Code Swift 5 with Mac's Xcode Playgrounds or Linux or Windows. make iOS 12 iPhone Apps or Command Line Tools
    Mastering Django - AJAX, Class Based Views, Forms

    Master your skills as a Django developer by learning advanced techniques - Pipenv, Seed Data, External API, Auth Views
    Noob to App Store - iPhone Apps with Swift, SwiftUI & iOS 15

    Perfect Course for Complete Beginners - Create Apps and Submit Them to the App Store Using SwiftUI 3 Code and Xcode 13
    ZappyCode was updated 💻 101 days ago, has 🧑‍💻 765 members and made 🤑 $1,260 last month