Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React 16 & NPM, Create your own library - React Delhi NCR 07 Oct 2018 Meetup
Search
Arun Michael Dsouza
October 07, 2018
Programming
0
140
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
Using the Gamepad API for a Better Gaming Experience on the Web
arunmichaeldsouza
0
44
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
190
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
160
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
240
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
120
Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup
arunmichaeldsouza
1
670
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
420
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
150
Getting started with React 16
arunmichaeldsouza
1
1.1k
Other Decks in Programming
See All in Programming
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
CSC307 Lecture 05
javiergs
PRO
0
210
Rustのweb開発を助ける 便利なツール紹介
yuki0418
1
190
継続的な活動で築く地方エンジニアの道
myamashii
2
350
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
How to use Macrobenchmark
veronikapj
0
160
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
4
590
A Philosophy of Restraint
colly
200
16k
Happy Clients
brianwarren
94
6.5k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
Thoughts on Productivity
jonyablonski
64
4.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
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