Challenge: Why use Redux for SSR? - 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
  • Chrome and Firefox tools

    1m 41s
  • Install the required libraries and tools

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

    29s
  • Solution: Why would you use SSR?

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

  • Introducing Next.js with React

    9m 1s
  • Add initial components from template

    7m 59s
  • Add data for props

    5m 48s
  • Add Redux store and setup

    7m 1s
  • Add Redux actions

    4m 49s
  • Add Redux reducers

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

    24s
  • Solution: Why use Redux for SSR?

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

  • Create initial Express or Next.js server

    6m 5s
  • Add the Express routes

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

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

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

    44s
• 4. Code Splitting 4. Code Splitting

  • Code splitting in Next.js

    1m 25s
  • Other tools available for code splitting

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

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

    38s
• Conclusion Conclusion

  • Next steps

    53s