Skip to content

pupilfirst/wd301-scripts

Repository files navigation

WD301 content

This repository contains the WD301 course content.

License

CC BY-SA 4.0

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

© Pupilfirst Pvt. Ltd.

CC BY-SA 4.0

L1. React Fundamentals

Introduction to React

React Components

Setting up Development Environment

CRA - Create React App

Introduction to JSX

Component Nesting & Props

DOM and Virtual DOM

Basic Styling with Tailwind CSS

Milestone

  • Milestone

L2. Introduction to Typescript

Typescript Overview

What is Type System?

Type annotations

Typed arrays

Interface

Add TypeScript to React Application

Milestone

L3. State management and handling user inputs with forms

Component Lifecycle

Introduction to React State

Handling user inputs with Forms

Milestone

L4. React Hooks

Introduction to React Hooks

Introducing useState

Introducing useEffect

Introducing localStorage

Custom Hooks

Milestone

L5. React Router

React Router

Milestone

L6. Making API Request with React

Making API calls

Add user authentication

Implementing a conditional render

Milestone

L7. React Context and Application state management

Revamping the app UI

Using Context

Using useReducer

Creating a project and using React hook form

Application state modelling

Milestone

L8. Handling advanced UI events

Adding tasks to the project

Milestone

L9. Creating Production Ready React Apps

Best Practices

Creating Production Ready React Apps

Milestone

Capstone Project

About

Contains the content for WD301 course

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published