React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup

Transcript

1. React 16 & NPM - Create your own library React Delhi/NCR
 @reactdelhincr
2. bit.ly/react-delhincr
3. Agenda • Understanding component driven architecture • Project intro with live coding session • Break / Networking • Project collaboration • Project deployment on NPM
4. Component driven modular architecture Anoop Gupta
 @anoop__gupta
5. Lets build something together! How about a React UI library?
6. CSS Mint github.com/ArunMichaelDsouza/css-mint
8. Live coding session Zahin Alwa
 @zahinize Yomesh Gupta
 @yomeshgupta Tanvee Gujral
 @gujral_tanvee
9. Lets collaborate!
10. Understanding the GitHub flow guides.github.com/introduction/flow
11. github.com/React-Delhi-NCR/yarul
12. Project deployment on NPM Arun Michael Dsouza @amdsouza92
13. > npm adduser docs.npmjs.com/cli/adduser
14. > npm whoami docs.npmjs.com/cli/whoami
15. docs.npmjs.com/files/package.json
16. Semantic versioning semver.org
17. Given a version number MAJOR.MINOR.PATCH, increment the: • MAJOR version when you make incompatible API changes • MINOR version when you add functionality in a backwards-compatible manner • PATCH version when you make backwards-compatible bug fixes
18. • Minor version : 0.1.0 • Patch version : 0.1.3 • Major version : 1.1.3
19. Open source licenses opensource.org/licenses
20. MIT license opensource.org/licenses/MIT
21. > npm init docs.npmjs.com/cli/init
22. > git tag -a v0.1.0 -m “First minor release” git-scm.com/book/en/v2/Git-Basics-Tagging
23. > npm publish docs.npmjs.com/cli/publish
24. What about re-publishing? • Commit code changes • Create new tag and update package.json • Run npm publish again
25. Few things to keep in mind while designing your library • Write a simple to use API • Limit the number of dependencies • Write tests and deploy a CI service
26. Thank you! React Delhi/NCR
 @reactdelhincr AdPushup
 @adpushup