ReactJS-The Beginner Master Class
CtrlK
  • React In the Beginning
  • React Fundamentals
  • React State and Styling
  • Forms and Interactivity - Grocery List App
  • Connecting to the Backend - Consuming APIs - UseEffect Hook
  • Solo Project 1
  • RESTful APIs :Build a BookSearch App -Ver 2.0
  • Multi-Page Applications (MPAs)
  • Backend Frameworks-NEXT.JS
    • Migrating from React to Next.js
    • Lesson 1: Key Concepts of NodeJS and Express for Backend Web Development
    • Lesson 2: How to set up a new Next.js project
    • Lesson 3: How to create Layouts and Pages
    • Hands-on Practice 1
    • Hands on Practice 2
      • New Project & Folder Structure
      • File-Based Routing
      • Server vs Client Components & Router Hooks
      • Start On The Navbar
      • Navbar Links, Dropdowns & React Icons
      • Active Links & Conditional Rendering
      • Homepage Components
      • Properties Page
      • Property Card Dynamic Data
      • Home Property Listings
      • Custom Not Found & Loading Pages
  • Git and GitHubs
  • Database in Application
  • NoSQL Database
  • Solo Project 2
  • Deployment and Web Hosting
  • Solo Project 3
  • Final Term Project
Powered by GitBook
On this page
  1. Backend Frameworks-NEXT.JS

Hands on Practice 2

New Project & Folder StructureFile-Based RoutingServer vs Client Components & Router HooksStart On The NavbarNavbar Links, Dropdowns & React IconsActive Links & Conditional RenderingHomepage ComponentsProperties PageProperty Card Dynamic DataHome Property ListingsCustom Not Found & Loading Pages
PreviousHands-on Practice 1NextNew Project & Folder Structure