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
    Django Billing System
    Q&A django
    		avatar 2 65 2 weeks, 5 days
    Django REST framework - alternative way of deleting posts
    Django
    		avatar avatar 2 71 2 months

    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
    Creating Python APIs Like a BOSS - The Django REST Framework

    Make RESTful Web APIs for Mobile Apps and Front End JavaScript Frameworks - JSON, XML, CSV, and Authentication Tokens
    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 💻 111 days ago, has 🧑‍💻 750 members and made 🤑 $1,260 last month