React Type Script

26/01/2025 - Morning

ReactTypeScript - Version:1

תיאור

Training developers to learn React from scratch.Course Outcomes:In-depth understanding of advanced JavaScript and ES6. Full proficiency in developing component-based React applications. Advanced data management using Context, Zustand, or Recoil.Working with TypeScript and proper type utilization in React-based projects.

קהל יעד

Programmers with basic knowledge of HTML, CSS, and JavaScript.

נושאים
דרישות קדם
מטרות הקורס

▼פתח הכל

Day 1: Advanced JavaScript and ES6 (Preparation for React)
- Introduction to Tools: Installing Visual Studio Code and exploring recommended extensions like React, ESLint, and Prettier.
- Advanced JavaScript: Arrow Functions, Hoisting, Scope and Closures, DOM manipulation.
- ES6 Features: Spread and Rest operators, Destructuring, loops, and collection operations like forEach, map, reduce, and filter.
- Practicing DOM manipulations.
- Creating arrays and using map, filter, and reduce functions.
- Practicing Destructuring and Spread with real data.
Day 2: React Basics and Single-Page Applications (SPA)
- What is ReactJS? Benefits of React in frontend applications, structure of a React-based application.
- Working with React: Creating a React project using Vite and understanding the standard folder structure.
- React Fundamentals: Functional components, working with JSX, and Data Binding.
- Building a "Hello World" application.
- Creating basic components like Header, Footer, and Main.
- Using Props to pass data between components.
Day 3: State Management and Server Communication
- State Management: Using useState and other hooks, managing Unidirectional Data Flow, and communication between components (Parent to Child, Child to Parent).
- Component Lifecycle: Managing dependencies and tracking Mounting, Updating, and Unmounting stages using useEffect.
- Creating an interactive form.
- Fetching data from an API using Axios.
- Managing asynchronous flow with async/await.
Day 4: What’s New in React 19 and Advanced Topics
- React 19 Updates: Enhancements and new features like Streaming Server Rendering (SSR) and Automatic Batching.
- React Server Components: Combining Server and Client Components.
- React Suspense: Advanced asynchronous handling.
- Exploring and practicing the new features introduced in React 19.
Day 5: React with TypeScript
- Introduction to TypeScript: Benefits of using TypeScript in React development and setting up a TypeScript project.
- Core Concepts: Data types, using Interfaces and Type Definitions, and assigning types to Props and State.
- Working with components and types in TypeScript.
- Using Interfaces to manage Props and State, practicing complex types in components.
- Introduction to SSR, SSG, and a brief overview of the Next.js framework.