Refactoring a React App’s Design Pattern

How Stateful/Stateless design and Atomic design vie for my attention as I approach a major refactor.

Introduction

Stateful/Stateless Design

Component folder starting to get crowded

A Good Idea 25 Years Too Late

Example of how the project would be structured.

Atomic Design

Source

Atom

Molecule

Organism

Template

Page

What Next?

References

A climate scientist turned software engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store