How initial designing for older apps helped small team @Agrostar deliver apps quickly

on YouTube ↗25m

" summary

Small team converts shared CSS into componentized styling using styled-components, eliminating global CSS side effects and pixel‑matching pain. They extract label/button/panel into an internal package agro-styled-components, colocate theme.js and components, and use yarn workspaces to hoist deps and turn the repo into reusable packages. Libraries publish to npm and follow SEMVER so projects import versioned components instead of copy‑pasting, speeding delivery and reducing regressions.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 6:41styled-components/css-in-js
3. 14:34YARN WORKSPACES
4. 16:14Setup - step2
5. 17:47Monorepos
6. 23:05Takeaways

" related talks

• 49mScalable Best Practices for Your Development TeamTejas Kumar · JavaScript Conference Armenia 2018
• 16mCSS, Design Systems & Developer ExperienceEmily Plummer · dotCSS 2019
• 26mMoving on from runtime CSS-in-JS at scaleSiddharth Kshetrapal · JSHeroes 2023
• 29mStyling React For ReuseJen Luker · UtahJS Conf 2017
• 43mScalable Best Practices for Your Development TeamTejas Kumar · ConfrontJS 2018
• 47mThe road to styled components, and the road aheadGlen Maddern · ReactFoo 2017
• 24mCase Study: Creating a Component Library in React JSKathryn Grayson Nanz · NationJS Frontrunners React 2019
• 30mStyled-components: Styled-components Enforcing best practicesMax Stoiber · ReactiveConf 2016