📜 ⬆️ ⬇️

Select the composition of isomorphic React applications for the next 12 months.

Friends, it's six o'clock in the evening, the last Monday of August, which means the last week of summer. Let's summarize and think a little?

Now we are forming a certain Isomorphic React App boilerplate for the next 12 months, with which you can quickly start new projects. While we see this set:

1. React 15.
2. On the server - Node.js and Express.
3. CSS modules and isomorphic-style-loader for automatic generation of Critical CSS with Server-side Rendering. Or is it JSS ?
4. Redux for interaction within the application. Or is it Relay ?
5. Unit testing through AVA and Enzyme . Or is it a Jest with its automatic generation of the Browser mock-object?
6. UI testing via Nightwatch.js + Browserstack .
7. Transfers via react-intl and react-intl-translations-manager .
8. Automatic language detection on the server through the accept-language package.
9. Automatic detection of geo - location through maxmind and ipaddr.js packages .
10. Isomorphic logger based on node-bunyan .
11. react-document-title to dynamically switch the tab title.
12. isomorphic-fetch for sending HTTP requests (“AJAX”).
13. webpack 1.x for assembly. Or is it a webpack 2 ?
14. webpack-dev-server and webpack / hot / dev-server for Hot Module Reload.
15. Long-term caching of static resources (for example: /assets/logo-8cdab5da.png).
16. parallel-webpack to speed up the build of the JavaScript bundle for each translation language (for example: 5 sections and 10 languages ​​= this is already 50 JavaScript bundles).
17. webpack DllPlugin for optimizing the size of a java bundle.
18. react-router-redux as a router.
19. ESLint and eslint-config-airbnb with a slight change - do not use a semicolon.
')
What items can be changed? What add? What can be done better? Share your opinion in the comments.

In the coming days, the list may change. Yes, there, I promise - it will change, so stay tuned to GitHub .

Source: https://habr.com/ru/post/308782/


All Articles