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
130
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
32
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
220
Houdini, what lies ahead - Web Weekend Kathmandu 2018
arunmichaeldsouza
0
110
Intro to React Components - React Delhi NCR 01 Jul 2018 Meetup
arunmichaeldsouza
1
660
Houdini, what lies ahead - JSConf Iceland 2018
arunmichaeldsouza
0
400
The Era of Module Bundlers - GDG Dev Fest Delhi 2017
arunmichaeldsouza
0
150
Getting started with React 16
arunmichaeldsouza
1
1k
Other Decks in Programming
See All in Programming
Sheets API使ってみた
toshi0383
2
150
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Implementing Design Systems in Swift
seyfoyun
0
350
AppRouter Panel Talk
yosuke_furukawa
PRO
1
400
Goのmultiple errorsについて (2024年4月版)
syumai
4
1.1k
Git Rebase
bkuhlmann
11
1.6k
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
9
4.2k
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
7
1.3k
2 週間で Twitter Bot を作ってみた
contour_gara
0
720
Ruby Function Composition
bkuhlmann
1
340
Fast JSX: Don't clone props object #28768
yossydev
1
150
Featured
See All Featured
Faster Mobile Websites
deanohume
300
30k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Visualization
eitanlees
137
14k
Ruby is Unlike a Banana
tanoku
96
10k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
32
6k
Design by the Numbers
sachag
274
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
20
6.4k
A designer walks into a library…
pauljervisheath
201
23k
Docker and Python
trallard
35
2.7k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Building Adaptive Systems
keathley
32
1.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
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