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
    Class-Based Views Documentation
    Django django
    		avatar avatar 1 24 2 weeks

    Try more fancy courses

    The 7 Day Android App Bootcamp - Android Pie and Kotlin

    Go from beginner to creating 3 Android Pie apps using Kotlin, Java and Android Studio. Your app in the Google Play Store
    SwiftUI Apps on All Devices - iPhone, iPad, Mac, Watch & TV

    Make Apps and Widgets for iOS 14, macOS 11, watchOS 7 and tvOS 14 using Xcode 12, Swift 5, WidgetKit and Apple Watch
    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
    Python in a Weekend: The Easiest Python for Beginners Course

    Jump into Python by Building Your First 3 Python-Based Projects
    ZappyCode was updated 💻 11 days ago, has 🧑‍💻 691 members and made 🤑 $1,260 last month