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
    Django4 Course?
    Django
    		avatar avatar 5 119 2 weeks
    Swift, Multiple Platform Tutorial
    Swift
    		avatar 0 18 1 month, 1 week
    Nick Walter, Swift Course Question, All Platform
    Site Feedback
    		avatar 0 25 1 month, 1 week
    Consistent Issue with correct URLS producing Page Not Found error
    Django
    		avatar 2 33 2 months
    User.is_authenticated isTrue even when not logged in after querying for a user
    Django django-3
    		avatar 0 31 2 months, 2 weeks

    Try more fancy courses

    Django 3 - Full Stack Websites with Python Web Development

    Build 3 stunning websites, learn Back and Front End Web Development, deploy your site with HTML5, CSS3 and Bootstrap 4
    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
    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
    Python in a Weekend: The Easiest Python for Beginners Course

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