Skip to content

React Frameworks

  • Remix
  • Next.JS
  • Gatsby
  • Redwood JS

Create React App

  • single page app
  • load JS at the beginning
    • Gmail
  • bad SEO

Gatsby

  • static site generator
  • don't need a server!
    • there's a Gatsby service????

Next JS

UI Dot Dev Video: https://fullchee-reminders.netlify.app/link/2056

  • add an About.ts
    • creates an /about page
  • code splitting
  • image optimization <Image />
  • you can build API endpoints
    • next-js-api-endpoints.png

3 ways Next JS renders a page

  1. statically generate HTML at build-time 2. with the option of fetching data at build-time 3. getStaticProps()
  2. Server render the page 3. calculate the HTML all on the backend
  3. Fetch the data on the client 5. like a SPA

Incremental static regeneration

  • on a per page basis: regenerate a page on demand with new data

Remix

  • https://fullchee-reminders.netlify.app/link/2055
  • created by the React Router team
  • only does static site rendering

    • no static site generation
    • no incremental static regeneration
  • like PHP or Ruby on Rails???

  • lots of pages & dynamic data with a database

Redwood JS

Full stack JS framework


Last update: 2022-11-04