💻

React Notes

Browse all React programming notes and tutorials.

10 Topics
01

Introduction to React

React is a free, open-source JavaScript library built by Facebook (Meta) in 2013. It is used to build…

02

What is JSX?

JSX is not HTML. It's also not a string. It's a syntax extension for JavaScript that gets transformed…

03

First React App

Welcome to React First React app development is the perfect starting point for mastering modern frontend engineering with…

04

JSX Rules in React

JSX rules in React Explained JSX rules in React define how developers write structured UI components using JavaScript…

05

JSX Expressions in React

JSX Expressions in React Everything you need to know about embedding JavaScript expressions inside JSX using curly braces…

06

React Components

React Components React unfolds like a carefully composed system, where every visual element is shaped through small, meaningful…

07

Introduction to Props in React

Introduction to Props in React React is one of the most widely used JavaScript libraries for building user…

08
Advanced Topics, For Beginners

React Events: (Synthetic, Hooks)

React Events A React event is React's custom implementation of browser events (like clicks, typing, or form submissions). It uses…

09

React Conditionals

What Are React Conditionals? Conditional rendering in React is the process of displaying different UI elements  or nothing…

10

React Lists

What Are React Lists? A React List is a collection of JSX elements rendered dynamically from an array…