Roadmap

[nimaa77]

This issue is a high-level roadmap for all work for the next releases.

This list is by no means exhaustive and will change from time to time as new issues are opened and PRs are merged.

1.4

• Dynamic 404 and Redirects 🚏(Dynamic 404 and Redirects #231)

1.5

• Suspense Like Data Fetching 🚀(Fix data fetching (🚀 SUSPENSE but not suspense 🚀) #251)
• Better Document.js 📄(<AfterScripts />, <AfterStyles /> #279)

1.6

• Create After App 🆕(Feature - Create After App #283)
• Auto Scroll Control 📜(Feature - Auto Scroll Control #282)
• Enable Tree Shaking 🌲(Enable Tree-shaking and add ESM Build #246)
• New <SerializeData /> and getSerializedData() 📃

2.0

• Change redirectTo default statusCode from 301 to 302 (Change redirectTo default statusCode from 301 to 302 #290)
• Remove all usage of componentWill* methods (Load Assets Faster ! #237) 🚧
• Faster Page Loads
  • Babel Plugin After ☢️(Load Assets Faster ! #237)
  • After Assets! 🧷(Load Assets Faster ! #237)
  • Add Razzle Plugin 🔧(Chunks plugin razzle#1178)

3.0

• Use react-helmet v6

3.1

• add transitionBehavior prop for <After /> ([feature]: Transition Behavior #348)

3.2

• After Static Export (After Static! #370)

4.0

• preload JS and CSS files for faster page loads <AfterHead /> 🏎 ([feature]: preload styles and scripts #362)
  • save the chunk id into the chunk.json ([Feature] save chunk id in to the chunks.json razzle#1352) 🔧
• Nested Routes (react-router-config) 🔀
• Support basename (feature: add basename feature #443)

next

• Render Async (ReactDOM.renderToNodeStream) 🏎

Backlog

• Use lerna 🐉(use Lerna! #295)
• Write Docs, Recipes, FAQ (WIP: Documentation Website #369)
• Fix Typescript type errors 👨‍💻
• Run Tests for Merge Requests using github actions
• Add Examples 🗂
  • layout-component
  • with-material-ui
  • with-material-ui-rtl
  • with-redux
  • with-sass
  • with-context-api
  • with-react-useragent
  • with-mdx
  • with-google-analytics
  • with-loading
  • with-api-proxy
  • with-cookies
  • with-apollo
  • with-webpack-bundle-analyzer
  • with-react-native-web
  • with-css-modules
  • with-preact
  • with-workbox (pwa)
  • with-sw-precache
  • with-emotion
  • with-styled-components
  • with-react-testing-library
  • with-less
  • with-mobx
  • with-mobx-state-tree
  • with-typescript
  • with-antd
  • with-reactstrap
  • with-semantic-ui
  • with-sentry
  • with-glamor
  • with-i18
  • with-socket.io
  • with-storybook
  • with-tailwindcss
  • with-portals
  • with-portals-ssr
  • with-modal-gallery
  • with-purgecss
  • with-criticalcss
  • with-guessjs