Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
Arun Michael Dsouza
October 07, 2018
Programming
1
55
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
Arun Michael Dsouza
October 07, 2018
Tweet
Share
More Decks by Arun Michael Dsouza
See All by Arun Michael Dsouza
arunmichaeldsouza
1
35
arunmichaeldsouza
2
79
arunmichaeldsouza
1
110
arunmichaeldsouza
1
48
arunmichaeldsouza
2
510
arunmichaeldsouza
1
290
arunmichaeldsouza
1
92
arunmichaeldsouza
2
810
arunmichaeldsouza
1
170
Other Decks in Programming
See All in Programming
martysuzuki
1
570
kanga333
0
110
yotuba088
2
600
j5ik2o
1
150
heistak
2
130
texmeijin
0
140
andpad
2
280
boriswilhelms
0
170
grapecity_dev
0
190
xrdnk
0
200
tkow
1
120
yoshinoriiiii
0
110
Featured
See All Featured
philhawksworth
190
17k
jrom
116
7.2k
jmmastey
10
630
jasonvnalue
81
8.1k
robhawkes
52
2.8k
aarron
257
36k
bkeepers
52
4.2k
davidbonilla
70
3.6k
danielanewman
1
520
myddelton
109
11k
destraynor
222
47k
colly
66
3k
Transcript
React 16 & NPM - Create your own library React
Delhi/NCR @reactdelhincr
bit.ly/react-delhincr
Agenda • Understanding component driven architecture • Project intro with
live coding session • Break / Networking • Project collaboration • Project deployment on NPM
Component driven modular architecture Anoop Gupta @anoop__gupta
Lets build something together! How about a React UI library?
CSS Mint github.com/ArunMichaelDsouza/css-mint
None
Live coding session Zahin Alwa @zahinize Yomesh Gupta @yomeshgupta Tanvee
Gujral @gujral_tanvee
Lets collaborate!
Understanding the GitHub flow guides.github.com/introduction/flow
github.com/React-Delhi-NCR/yarul
Project deployment on NPM Arun Michael Dsouza @amdsouza92
> npm adduser docs.npmjs.com/cli/adduser
> npm whoami docs.npmjs.com/cli/whoami
docs.npmjs.com/files/package.json
Semantic versioning semver.org
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
• Minor version : 0.1.0 • Patch version : 0.1.3
• Major version : 1.1.3
Open source licenses opensource.org/licenses
MIT license opensource.org/licenses/MIT
> npm init docs.npmjs.com/cli/init
> git tag -a v0.1.0 -m “First minor release” git-scm.com/book/en/v2/Git-Basics-Tagging
> npm publish docs.npmjs.com/cli/publish
What about re-publishing? • Commit code changes • Create new
tag and update package.json • Run npm publish again
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
Thank you! React Delhi/NCR @reactdelhincr AdPushup @adpushup