Vibed
to
Cracked
Tutorials
Learn
Glossary
Compare
Blog
Sign In
Sign In
Tutorials
Learn
Glossary
Compare
Blog
React Tutorials - 12+ Lessons | Learn React | Vibed to Cracked
React Tutorials
React Fundamentals: What is React and Why Should You Care? — Discover what React is, why it's everywhere, and why learning it will level up your JavaScript skills
JSX Syntax: Writing HTML in JavaScript — Master JSX syntax, expressions, and how React transforms JSX into real DOM elements
Components and Props: Building Reusable UI Blocks — Learn to create functional components, pass data with props, and build your first reusable UI elements
State with useState: Making Components Interactive — Learn how to manage component state with the useState hook and create truly interactive UIs
Conditional Rendering: Showing and Hiding UI Based on State — Learn different patterns for conditional rendering in React - ternaries, && operator, and early returns
Rendering Lists: Keys, Mapping, and Dynamic Content — Master rendering lists efficiently with proper key usage and understand React's reconciliation
Forms in React: Controlled Components and User Input — Master React forms, controlled vs uncontrolled inputs, validation, and handling submissions
useEffect: Side Effects, Data Fetching, and Cleanup — Learn to handle side effects like API calls, subscriptions, and DOM manipulation with useEffect
Styling React: CSS, Tailwind, and CSS-in-JS — Explore different approaches to styling React components - from CSS modules to Tailwind to styled-components
Custom Hooks and useRef: Reusable Logic and DOM Access — Build custom hooks to share logic between components and use useRef for DOM manipulation
Context API: Global State Without Prop Drilling — Learn to use React Context for sharing state across your app and when to use it vs other solutions
React Performance: Memoization, Profiling, and Optimization — Master React.memo, useMemo, useCallback, and learn to identify and fix performance bottlenecks