Using Next.JS and Redux for Epic Noscript Web Apps

on YouTube ↗21m

" summary

Project uses Next.JS and Redux to produce identical React HTML whether JavaScript runs or not by serializing Redux state into hidden form fields, POSTing to the same route, server-dispatching the submitted action and re-rendering with the updated state. An npm helper wraps buttons/forms; async thunks work by mapping action-creator names and awaiting them server-side. Live-coded counter and increment by amount examples work with and without JS; caveats: extra markup, higher server load, lost getInitialProps optimizations.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 1:57Disable Javascript
3. 2:09Fewer Pop-Ups
4. 8:31React Helpers

" related talks

• 28mEnhancing Forms with React Server ComponentsAurora Walberg Scharff · React and Chill 2024
• 27mEnhancing Forms with React Server Components and React 19Aurora Walberg Scharff · React Alicante 2024
• 22mUniversal React Apps Using Next.jsSia Karamalegos · ReactNext 2017
• 34mWhat's Next? Exploring the future of ReactGuillermo Rauch · ReactiveConf 2016
• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 20mEnhancing Forms with React Server ComponentsAurora Walberg · React Conf 2024
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015
• 27mUnderstanding JavaScript Libraries via React and the React EcosystemAndrew Pinkham · DjangoCon US 2017