Challenge: What is the purpose of code splitting? - React.js Tutorial

Contents

• Introduction Introduction

  • Learn server-side rendering with React

    1m 3s
  • What you should know

    55s
• 1. Setting Up 1. Setting Up

  • SSR: What, how, and why

    2m 29s
  • (Locked)
    Chrome and Firefox tools

    1m 41s
  • (Locked)
    Install the required libraries and tools

    3m 1s
  • (Locked)
    Challenge: Why would you use SSR?

    29s
  • (Locked)
    Solution: Why would you use SSR?

    51s
• 2. Use Next.js to Build SSR 2. Use Next.js to Build SSR

  • (Locked)
    Introducing Next.js with React

    9m 1s
  • (Locked)
    Add initial components from template

    7m 59s
  • (Locked)
    Add data for props

    5m 48s
  • (Locked)
    Add Redux store and setup

    7m 1s
  • (Locked)
    Add Redux actions

    4m 49s
  • (Locked)
    Add Redux reducers

    7m 1s
  • (Locked)
    Challenge: Why use Redux for SSR?

    24s
  • (Locked)
    Solution: Why use Redux for SSR?

    48s
• 3. Server-Side Rendering with Node 3. Server-Side Rendering with Node

  • (Locked)
    Create initial Express or Next.js server

    6m 5s
  • (Locked)
    Add the Express routes

    2m 59s
  • (Locked)
    Add links and pages with Express or Next.js

    4m 41s
  • (Locked)
    Challenge: Why use Node or Express for SSR?

    27s
  • (Locked)
    Solution: Why use Node or Express for SSR?

    44s
• 4. Code Splitting 4. Code Splitting

  • (Locked)
    Code splitting in Next.js

    1m 25s
  • (Locked)
    Other tools available for code splitting

    1m 27s
  • (Locked)
    Challenge: What is the purpose of code splitting?

    21s
  • (Locked)
    Solution: What is the purpose of code splitting?

    38s
• Conclusion Conclusion

  • (Locked)
    Next steps

    53s