In this talk, my primary focus was around how to build developer products such as libraries, open source projects, tools etc. Made an effort to explore and explain the process of developing a library (here, React Component Library) by understanding how it is done in popular open source projects and else where. Also, throughout the talk, along with tech explanation, there was a lot of live-code and eventually we publish our own React Component Library to NPM!
This repository contains the code used to demonstrate during the talk. I hope you find it useful :)
You can watch the the talk here ;)
Must Refer Design Systems ๐
- Atlassian Design System
- Carbon Design System
- Material Design System
- Lightning Design System
- Polaris Design System
Blog References ๐งพ
- https://www.viget.com/articles/design-systems-why-now/
- https://www.viget.com/articles/design-systems-problems-solutions/
- https://uxplanet.org/design-systems-are-bullsh-t-7ecdb795cc62
- https://www.smashingmagazine.com/2019/10/design-systems-relationships/
- https://uxdesign.cc/design-systems-62f648c6dccf
- https://xd.adobe.com/ideas/principles/design-systems/five-common-design-system-pain-points-how-to-solve-them/
- https://www.invisionapp.com/inside-design/guide-to-design-systems/
Concepts and Documentation References ๐
Video Tutorial References ๐ฅ
Listing some of the best Blog References ๐
- https://medium.com/thron-tech/rollup-is-a-great-bundling-tool-but-is-it-the-one-you-should-use-cdb9ea175056
- https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c
- https://www.danielberndt.net/2018/you-might-not-need-rollup-for-libraries/
- https://developpaper.com/why-is-rollup-more-suitable-for-packaging-libraries-than-webpack/
- https://www.thetechplatform.com/post/rollup-vs-parcel-vs-webpack-which-is-the-best-bundler
Video Tutorial References ๐ฅ
- https://www.learnwithjason.dev/blog/learn-rollup-js
- JavaScript Module Bundling with Webpack and Rollup
- Let's Talk about Rollup - JS Monthly London - November 2017
- Webpack 4 Fundamentals Course by Frontend masters
- Web Performance with Webpack Course by Frontend Masters
- Webpack 5 end-to-end
- Yarn Workspaces
- Lerna
You can find my Talk Presentation slides ๐ here
- React.js Bangalore
- Reactify IN
- Js Lovers
- GDG Bangalore
- JS Meetup BLR
- React Native BLR
- Reason Bangalore
- GraphQL BLR
- BLR CSS
Feel Free to raise a PR to add resources or anything you wanna share in general!