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
190
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
85
Using the Gamepad API for a better gaming experience on the web
arunmichaeldsouza
0
240
React JS Code Splitting - Why and How?
arunmichaeldsouza
1
220
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
720
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
480
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
180
Getting started with React 16
arunmichaeldsouza
1
1.2k
Other Decks in Programming
See All in Programming
ゲームの物理
fadis
5
1.5k
ワープロって実は計算機で
pepepper
2
1.4k
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
890
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
1k
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
実践!App Intents対応
yuukiw00w
1
350
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
RDoc meets YARD
okuramasafumi
2
130
兎に角、コードレビュー
mitohato14
0
150
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
15
8.1k
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
8
3.2k
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
13
2.8k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
525
40k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
900
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Bash Introduction
62gerente
614
210k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
A better future with KSS
kneath
239
17k
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