404 Pages and Next Steps

Every app needs a 404 page for invalid routes.

Creating a 404 Page

const NotFound = () => {
  return (
    <div className="not-found">
      <h2>Sorry</h2>
      <p>That page cannot be found</p>
      <Link to="/">Back to homepage</Link>
    </div>
  );
};

// In App.js routes
<Route path="*">
  <NotFound />
</Route>

What You Have Learned

• Components, JSX, and props
• State management with useState
• Side effects with useEffect
• Data fetching and custom hooks
• React Router for navigation
• Forms and CRUD operations

Next Steps

• Context API — Global state management
• Redux — Advanced state management
• Next.js — Server-side rendering
• TypeScript — Type safety in React
• Testing — Jest and React Testing Library