Related topics:
- React Component Patterns
- React State Management
- React and Forms
- React and AJAX
- React Architecture and Best Practices
- Redux Architecture and Best Practices
-
Scaling React.js Applications
https://vimeo.com/168648012
Max Stoiber's talk about managing large react.js applications. Covers "Feature" structure, redux-saga and CSS modules. -
How to Scale React Applications
https://www.smashingmagazine.com/2016/09/how-to-scale-react-applications/
Max Stoiber, creator of the popular "React-Boilerplate" starter kit, describes the approaches they use to lay out projects based on features. -
Organizing Large React Applications
http://engineering.kapost.com/2016/01/organizing-large-react-applications/
Describes "File-Type First", "Feature First / Pods" approaches, as well as other related structure issues. -
Four Strategies for Organizing Code
https://medium.com/@msandin/strategies-for-organizing-code-2c9d690b6f33
Describes "by component", "by toolbox", "by layer", and "by kind" approaches. -
Rules for Structuring (Redux) Applications
http://jaysoo.ca/2016/02/28/organizing-redux-application/
Gives several useful rules for structuring code, with examples. -
A Better File Structure for React/Redux Applications
http://marmelab.com/blog/2015/12/17/react-directory-structure.html
Suggests a domain-based structure, with tests kept alongside the code they relate to. -
Route-Based Folder Structure
https://gist.github.com/ryanflorence/daafb1e3cb8ad740b346
Ryan Florence, an author of React Router, gives his suggested file structure. -
How to Better Organize Your React Applications?
https://medium.com/@alexmngn/how-to-better-organize-your-react-applications-2fd3ea1920f1
Another feature-style approach, describing things in terms of "components", "scenes", and "services". -
Fractal Project Structure
https://github.com/davezuko/react-redux-starter-kit/wiki/Fractal-Project-Structure
Docs from the React Redux Starter Kit project describing their "Fractal Project Structure" concept, and advice for file and app organization. -
Redux Structure: a Way to Success
https://datarockets.com/blog/redux-structure
Thoughts on a "modules and components"-based approach to file structure, -
My journey toward a maintainable project structure for React/Redux
https://hackernoon.com/my-journey-toward-a-maintainable-project-structure-for-react-redux-b05dfd999b5
Describes an evolution of approaches for project structure -
Building Modular Redux Applications
https://vimeo.com/album/4199344/video/187454108
A talk discussing an approach to Redux structure by splitting logic into "data providers/sources" and presentation. -
How to Structure real world Redux/React Applications
https://medium.com/@yiquanzhou/how-to-structure-real-world-redux-react-application-d61e66a7dd36
Another look at structuring code, based on business logic, data domains, and reusability.
-
How to Write a Google Maps React Component
https://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/
Demonstrates how to wrap a third-party component that has an imperative API, lazy-loading the dependencies, and more. -
Building SVG Maps with React
https://blog.komand.com/building-svg-maps-with-react
Demonstrates building a component that zooms and pans SVG graphics based on user input. -
How to Sprinkle ReactJS into an Existing Web Application
https://scotch.io/tutorials/how-to-sprinkle-reactjs-into-an-existing-web-application
Looks at how to incrementally add some React-based functionality into an existing app. -
Making custom renderers for React
http://goshakkk.name/react-custom-renderers/
Describes techniques for building custom rendering components that bridge between normal rendering and something like a canvas