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

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

C00289a7b57c00bb0ab55d5e04cc3345?s=128

Arun Michael Dsouza

October 07, 2018
Tweet

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

  7. None
  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