Starting with a boilerplate create-react-app requires a clear strategy to build a scalable and maintainable product like those from major tech companies.
Design systems like atomic design are crucial for separating UI logic from business logic, leading to cleaner code and better performance.
The codebase is organized into atoms, molecules, organisms, pages, and templates, giving every component a designated and predictable place.
Centralizing components like icons and buttons into their own libraries makes updates, theming, and A/B testing manageable across the application.
Storybook helps document the UI component library, enforce component isolation, and provides a clear path for refactoring an existing codebase to atomic design.
While the 'don't repeat yourself' principle is valuable, abstracting core business domain features too early can lead to rigid, hard-to-maintain code.
Prioritizing end-to-end testing on the frontend and using state management libraries like Redux helps avoid framework lock-in and ensures stability.
Adopting TypeScript significantly reduces bugs, provides auto-documentation through type definitions, and enforces a more scalable way of thinking.
The principles of atomic design naturally discourage common anti-patterns like deeply nested components, which improves performance and maintainability.
40:05Nathalia Rus
37:18Tal Joffe
43:20Josh Goldberg
31:13Stefan Baumgartner
32:28Phil Nash
48:56Tal Joffe
30:40André Kovac
26:00Rainer Hahnekamp
Jobs that call for the skills explored in this talk.
doinstruct Software GmbH
Berlin, Germany
Speech Processing Solutions
Vienna, Austria
Schulz.codes GmbH
Darmstadt, Germany
autoiXpert GmbH & Co. KG
Stuttgart, Germany
GEBIT Solutions GmbH
Atolls
Atolls
Mindpeak