Skip to content

Instantly share code, notes, and snippets.

@Teebo
Forked from stevekinney/react-architecture.md
Created September 19, 2019 09:45
Show Gist options
  • Save Teebo/bef7781dadbfd8b623ee308b63a02932 to your computer and use it in GitHub Desktop.
Save Teebo/bef7781dadbfd8b623ee308b63a02932 to your computer and use it in GitHub Desktop.

Revisions

  1. @stevekinney stevekinney revised this gist Jul 9, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion react-architecture.md
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    * [x] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [x] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [x] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
    * [ ] [Best architecture for the React project - Mad Devs](https://blog.maddevs.io/best-architecture-for-the-react-project-149b377b379d)
    * [x] [Best architecture for the React project - Mad Devs](https://blog.maddevs.io/best-architecture-for-the-react-project-149b377b379d)
    * [ ] [Build a Super-Modular Todo App with React and Bit Components](https://blog.bitsrc.io/build-a-super-modular-todo-app-with-react-and-bit-components-aa06bbac4084)
    * [ ] [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-application-part-1)
    * [ ] [Building Modular and Flexible React Container Components](http://srinathh.github.io/blog/modular-flexible-react-container-components/)
  2. @stevekinney stevekinney revised this gist Jul 5, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion react-architecture.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    * [x] [5 React Architecture Best Practices](https://www.sitepoint.com/react-architecture-best-practices/)
    * [x] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [ ] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [x] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [x] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
    * [ ] [Best architecture for the React project - Mad Devs](https://blog.maddevs.io/best-architecture-for-the-react-project-149b377b379d)
    * [ ] [Build a Super-Modular Todo App with React and Bit Components](https://blog.bitsrc.io/build-a-super-modular-todo-app-with-react-and-bit-components-aa06bbac4084)
  3. @stevekinney stevekinney revised this gist Jul 5, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion react-architecture.md
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    * [x] [5 React Architecture Best Practices](https://www.sitepoint.com/react-architecture-best-practices/)
    * [x] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [ ] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [ ] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
    * [x] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
    * [ ] [Best architecture for the React project - Mad Devs](https://blog.maddevs.io/best-architecture-for-the-react-project-149b377b379d)
    * [ ] [Build a Super-Modular Todo App with React and Bit Components](https://blog.bitsrc.io/build-a-super-modular-todo-app-with-react-and-bit-components-aa06bbac4084)
    * [ ] [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-application-part-1)
  4. @stevekinney stevekinney revised this gist Jul 5, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion react-architecture.md
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    * [x] [5 React Architecture Best Practices](https://www.sitepoint.com/react-architecture-best-practices/)
    * [ ] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [x] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [ ] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [ ] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
    * [ ] [Best architecture for the React project - Mad Devs](https://blog.maddevs.io/best-architecture-for-the-react-project-149b377b379d)
  5. @stevekinney stevekinney revised this gist Jul 5, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion react-architecture.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    * [ ] [5 React Architecture Best Practices](https://www.sitepoint.com/react-architecture-best-practices/)
    * [x] [5 React Architecture Best Practices](https://www.sitepoint.com/react-architecture-best-practices/)
    * [ ] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [ ] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [ ] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
  6. @stevekinney stevekinney created this gist Jul 5, 2019.
    52 changes: 52 additions & 0 deletions react-architecture.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,52 @@
    * [ ] [5 React Architecture Best Practices](https://www.sitepoint.com/react-architecture-best-practices/)
    * [ ] [A plugin system is born... · React Static](https://spectrum.chat/react-static/general/a-plugin-system-is-born~feabd6d6-b6df-4fbf-bd45-d3208fdb5a4b)
    * [ ] [Applying microservices design patterns to scale react app development • Soluto Engineering Blog](https://blog.solutotlv.com/applying-microservices-design-patterns-to-scale-react-app-development/)
    * [ ] [Architecting your React application.](https://blog.usejournal.com/architecting-your-react-application-5af9cd65a891)
    * [ ] [Best architecture for the React project - Mad Devs](https://blog.maddevs.io/best-architecture-for-the-react-project-149b377b379d)
    * [ ] [Build a Super-Modular Todo App with React and Bit Components](https://blog.bitsrc.io/build-a-super-modular-todo-app-with-react-and-bit-components-aa06bbac4084)
    * [ ] [Building an Enterprise React Application, Part 1 | Lullabot](https://www.lullabot.com/articles/building-an-enterprise-react-application-part-1)
    * [ ] [Building Modular and Flexible React Container Components](http://srinathh.github.io/blog/modular-flexible-react-container-components/)
    * [ ] [Building modular javascript applications in ES6 with React, Webpack and Babel](https://towardsdatascience.com/building-modular-javascript-applications-in-es6-with-react-webpack-and-babel-538189cd485f)
    * [ ] [Building modular web interfaces](https://hackernoon.com/building-modular-interfaces-a4e4076b4307)
    * [ ] [Building Plugins for React Apps](https://www.nylas.com/blog/react-plugins/)
    * [ ] [Building Scalable Applications using React — Part 1: Choosing the right mix of tools](https://medium.com/finiteloop-systems/building-scalable-applications-using-react-part-1-choosing-the-right-mix-of-tools-74d5afd9e854)
    * [ ] [Code Splitting with React and React Router](https://tylermcginnis.com/react-router-code-splitting/)
    * [ ] [Code Splitting · Create React App](https://facebook.github.io/create-react-app/docs/code-splitting)
    * [ ] [Customer Success says…](https://buttercms.com/blog/best-practices-for-building-a-large-scale-react-application)
    * [ ] [Developing Modularized Web Apps with ReactJS and Webpack](https://www.terlici.com/2015/08/04/react-apps-webpack.html)
    * [ ] [Effective Code Splitting in React: A Practical Guide](https://hackernoon.com/effective-code-splitting-in-react-a-practical-guide-2195359d5d49)
    * [ ] [Five Tips for Working with Redux in Large Applications](https://techblog.appnexus.com/five-tips-for-working-with-redux-in-large-applications-89452af4fdcb)
    * [ ] [Fractal — A react app structure for infinite scale](https://hackernoon.com/fractal-a-react-app-structure-for-infinite-scale-4dab943092af)
    * [ ] [How To Develop A Professional React App - ITNEXT](https://itnext.io/how-to-develop-a-professional-react-app-c259382372cb)
    * [ ] [How to modularize React component logic - 20spokes Whiteboard](https://medium.com/20spokes-whiteboard/how-to-modularize-react-component-logic-cb2037f5b95a)
    * [ ] [How to Organize a Large React Application and Make It Scale](https://www.sitepoint.com/organize-large-react-application/)
    * [ ] [How to scale massive React Static sites with Incremental Builds | Netlify](https://www.netlify.com/blog/2019/01/17/how-to-scale-massive-react-static-sites-with-incremental-builds/)
    * [ ] [How to structure large React apps - ottofeller](https://medium.com/ottofellercom/how-to-structure-large-react-apps-440b0e012d80)
    * [ ] [How We Reduced Our React App’s Load Time by 60%](https://www.infoq.com/articles/reduce-react-load-time/)
    * [ ] [Introducing Fusion.js: A Plugin-based Universal Web Framework](https://eng.uber.com/fusionjs/)
    * [ ] [Learning and scaling a React/Redux app with a distributed team](https://devblog.xero.com/learning-and-scaling-a-react-redux-app-with-a-distributed-team-e4c397def187)
    * [ ] [Making Redux Modular](https://blog.usejournal.com/making-redux-modular-d21fd069bb33)
    * [ ] [Modular architecture with ducks](https://www.reddit.com/r/reactjs/comments/85hccf/modular\_architecture\_with\_ducks/)
    * [ ] [Modular redux architecture - DEV Community 👩‍💻👨‍💻](https://dev.to/jovidecroock/modular-redux-57nl)
    * [ ] [Patterns For Large-Scale JavaScript Application Architecture](https://addyosmani.com/largescalejavascript/)
    * [ ] [Project Structure: Modularize React Components compatible w. Redux?](https://www.reddit.com/r/reactjs/comments/8w9mxx/project\_structure\_modularize\_react\_components/)
    * [ ] [Reach Router - Large Scale Apps](https://reach.tech/router/large-scale)
    * [ ] [React Architecture Confessions | benmccormick.org](https://benmccormick.org/2018/02/07/react-confessions/)
    * [ ] [React Modular Code - Learn.co](https://learn.co/lessons/react-modular-code)
    * [ ] [React, Redux and JavaScript Architecture](https://jrsinclair.com/articles/2018/react-redux-javascript-architecture/)
    * [ ] [reactjs - React architecture for a huge business application - Stack Overflow](https://stackoverflow.com/questions/42167555/react-architecture-for-a-huge-business-application)
    * [ ] [Redux for state management in large web apps - Points of interest](https://blog.mapbox.com/redux-for-state-management-in-large-web-apps-c7f3fab3ce9b)
    * [ ] [Redux modules and code-splitting – Nicolas Gallagher](http://nicolasgallagher.com/redux-modules-and-code-splitting/)
    * [ ] [Reusable Modal Architecture For Large-Scale React Applications - Part 1](http://singlepageapplication.com/reusable-modals-for-large-scale-react-applications-part-1)
    * [ ] [Scalable React and React Native Apps - Getty/IO Blog - Javascript, AWS & Blockchain](https://blog.getty.io/scalable-react-and-react-native-apps-b99f952d0d53)
    * [ ] [Scalable React components architecture | Carlos Cuesta | Blog](https://carloscuesta.me/blog/scalable-react-components-architecture/)
    * [ ] [State Architecture Patterns in React: A Review - Skyler Nelson](https://medium.com/@skylernelson\_64801/state-architecture-patterns-in-react-a-review-df02c1e193c6)
    * [ ] [Structuring a React Project - a Definitive Guide - Bits and Pieces](https://blog.bitsrc.io/structuring-a-react-project-a-definitive-guide-ac9a754df5eb)
    * [ ] [The 4 Layers of Single Page Applications You Need to Know](https://hackernoon.com/architecting-single-page-applications-b842ea633c2e)
    * [ ] [Thinking in React – React](https://reactjs.org/docs/thinking-in-react.html)
    * [ ] [Three Rules For Structuring (Redux) Applications — Jack Hsu](https://jaysoo.ca/2016/02/28/organizing-redux-application/)
    * [ ] [Tips on React for large scale projects](https://hackernoon.com/tips-on-react-for-large-scale-projects-3f9ece85983d)
    * [ ] [What I’ve learned from a few large-scale React and Redux projects - 20spokes Blog](https://www.20spokes.com/blog/what-ive-learned-from-a-few-large-scale-react-and-redux-projects)
    * [ ] [Why React developers should modularize their applications?](https://medium.com/@alexmngn/why-react-developers-should-modularize-their-applications-d26d381854c1)
    * [ ] [Write Modularized Code to Clean up your JavaScript imports! | Barry Michael Doyle](https://www.barrymichaeldoyle.com/modularizing/)
    * [ ] [Writing React Plugins | Grafana Labs Blog](https://grafana.com/blog/2019/03/26/writing-react-plugins/)