TodoTutorial

Free Online Web Tutorials
ServicesLoginRegister

Tutorial

Tutorial React

React Cheat Sheet

Introduction to React

  • What is React?

  • React Installation

  • Components

  • JSX

  • Props

  • State

  • Events

  • Rendering

Components and JSX

  • Functional Components

  • Class Components

  • JSX

  • Component Rendering

  • Props

  • Children

State and Lifecycle

  • useState

  • useEffect

  • ComponentDidMount

  • ComponentDidUpdate

  • ComponentWillUnmount

  • useRef

  • Asynchronous State

  • useReducer

Event Handling

  • Eventos en React

  • onClick

  • onSubmit

  • onChange

  • Custom Events

  • Synthetic Events

Hooks

  • useState

  • useEffect

  • useContext

  • useReducer

  • useRef

  • useMemo

  • useCallback

React Router

  • Routing

  • React Router DOM

  • useNavigate

  • useLocation

  • useParams

  • Link

  • Route

  • BrowserRouter

  • Switch

ContextAPI and Redux

  • Context API

  • useContext

  • Provider

  • useReducer

  • Redux

  • Reducers

  • Actions

  • Store

  • useSelector

  • useDispatch

Forms and Validation

  • Form Handling

  • useState in Forms

  • Controlled vs Uncontrolled

  • Form Validation

  • Formik

  • React Hook Form

Conditional Rendering

  • if else

  • Ternary Operator

  • && (Y lógico)

  • Conditional Rendering with JSX

Performance Optimization

  • React.memo

  • useMemo

  • useCallback

  • Lazy Loading

  • Suspense

  • Error Boundaries

Testing in React

  • Jest

  • Enzyme

  • React Testing Library

  • Components Testing

  • Hook Testing

Web Development Course

Important Links

  • About Us
  • Courses
  • Projects
  • Contact
  • Sitemap

Contact

  • 📍 Madrid
  • 📧 Email:hola@todotutorial.com

Follow Us

Our Commitment to Quality

Our mission is to provide accessible, high-quality web development education. All tutorials are crafted by seasoned industry professionals and rigorously reviewed for accuracy. We base our content on official documentation from sources like the Mozilla Developer Network (MDN) and W3C standards to ensure you learn the most current and correct information.

© 2025 todotutorial. All rights reserved.Privacy PolicyData ProtectionTerms of Use