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...
Search
Arun Michael Dsouza
October 07, 2018
Programming
0
180
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
80
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
230
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
210
Building your first web app with React JS, Webpack and Babel
arunmichaeldsouza
0
350
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
160
Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup
arunmichaeldsouza
1
710
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
480
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
170
Getting started with React 16
arunmichaeldsouza
1
1.2k
Other Decks in Programming
See All in Programming
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
420
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
940
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
660
PicoRuby on Rails
makicamel
2
140
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
800
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
570
Porting a visionOS App to Android XR
akkeylab
0
640
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
240
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
280
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
150
PipeCDのプラグイン化で目指すところ
warashi
1
290
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
Designing Experiences People Love
moore
142
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Building Applications with DynamoDB
mza
95
6.5k
Scaling GitHub
holman
460
140k
GraphQLとの向き合い方2022年版
quramy
49
14k
How STYLIGHT went responsive
nonsquared
100
5.6k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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