React 18 Course Overview

Introduction

Learning the latest version of React, React 18.
Focus on function-based components and using Vite to create a React app.
Beginner-friendly and completely free series.
By the end of the series, you should be able to build any kind of application using React.
The series aims to be all-inclusive and make you job-ready for junior-level React developer roles.

Websites in the 1990s were collections of web pages with HTML, CSS, and some JavaScript.
Client (browser) sends a request to the server, which renders and sends a web page back to the client.
This method is called server-side rendering.

Users demanded more interactivity, leading to fully-fledged web applications similar to desktop apps.
Modern web applications function similar to native apps and require more JavaScript, increasing complexity.
Manual DOM manipulation became tedious.

Open-source: Publicly available, free to use, and view source code.
Library, not a framework: Used for handling the view layer of applications, not for full-stack development.
Single-Page Applications (SPAs): Updates only portions of the web page without reloading the entire page.

Developed by Facebook for better user experience, now open-source.
Frequent updates and long-term support by Facebook.
Large community for support.
Uses JSX, a mix of JavaScript and HTML.
High-demand skill for front-end developer roles.
Compatible with any tech stack (backend frameworks like Django, Express, Firebase, etc.).
Flexible: Can be used for parts of an app or entire front-end.
React Native: Allows mobile app development for Android and iOS using React skills.

A component is the smallest building block of a React application.
React app: Combination of multiple small components.
Example: Instagram post with components like image, like button, share button, etc.
Components are highly reusable across the same app and different projects.

Thank you for watching and see you in the next video!