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
89
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
360
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
170
Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup
arunmichaeldsouza
1
720
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
490
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
190
Getting started with React 16
arunmichaeldsouza
1
1.2k
Other Decks in Programming
See All in Programming
理論と実務のギャップを超える
eycjur
0
140
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
230
Go言語はstack overflowの夢を見るか?
logica0419
0
330
チームの境界をブチ抜いていけ
tokai235
0
180
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
510
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
110
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
570
Devoxx BE - Local Development in the AI Era
kdubois
0
130
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
470
Devvox Belgium - Agentic AI Patterns
kdubois
1
120
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
170
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Designing Experiences People Love
moore
142
24k
How GitHub (no longer) Works
holman
315
140k
Visualization
eitanlees
149
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Raft: Consensus for Rubyists
vanstee
140
7.1k
The Cost Of JavaScript in 2023
addyosmani
55
9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to Ace a Technical Interview
jacobian
280
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
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