• 1. Application Structure
  • 2. Atomic Design
  • 3. Feature Driven Development (Architecture)
  • 4. Functional Programming
  • 5. React patterns
  • 6. Best Tools for React + Redux Development
  • 7. How to debug React application

More

  • Github repo
  • Hugo Documentation
How to build Single Page Application > Atomic Design

Atomic Design

Read more:

  • https://www.youtube.com/watch?v=xLuVsU0VN10
  • https://drive.google.com/file/d/1ZPwpT-6Dkrkb_wKdzkL6kEbJ1knC6pex/view?usp=sharing
  • http://atomicdesign.bradfrost.com/table-of-contents/
  • https://bradfrost.com/blog/post/creating-themeable-design-systems/
  • https://bradfrost.com/blog/post/extending-atomic-design/
  • https://medium.com/%D0%B0%D1%82%D0%BE%D0%BC%D0%B0%D1%80%D0%BD%D1%8B%D0%B9-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD
  • https://patternlab.io/
  • http://demo.patternlab.io/
  • https://github.com/alexpate/awesome-design-systems
  • https://bradfrost.com/blog/post/extending-atomic-design/