$30 off During Our Annual Pro Sale. View Details »

The Developer's Guide to the React Component Libraries

Rob
April 16, 2016
Technology
3
600

The Developer's Guide to the React Component Libraries

Video recording: https://youtu.be/cvsp7vLAIUk?list=PLNBNS7NRGKMG3uLrm5fgY02hJ87Wzb4IU

Lightning talk on approaching the React Component Libraries. All you need to know to start building your collection of reusable patterns with React.

Rob

April 16, 2016
Tweet

More Decks by Rob

See All by Rob
The Truth Is Out There... Monitoring Your Isomorphic Application
operatino
0
120
Advanced SSR Caching in React
operatino
0
140
Building React Components Library (Conf Edition)
operatino
2
360
React Europe 2016 Recap
operatino
0
120
Библиотека UI компонентов, о которой вы всегда мечтали (RU)
operatino
1
970
React - новая эра фронтенд разработки (RU)
operatino
3
470
Entering the new era of Front-end development with ReactJS
operatino
4
430
Building React Component Library (Meetup Edition)
operatino
1
500
The Style Guide Platform
operatino
6
1.4k

Other Decks in Technology

See All in Technology
cloudflare-workersを使ってslack上に匿名チャットを作った話
sugawani
0
130
分散型SNS最新状況
kojira
0
190
⾃律的な開発チームを⽀えるためのSLO運⽤
sansantech
PRO
5
860
Exploring Postgres VACUUM with the VACUUM Simulator
keiko713
5
640
ソフトウェアの内部品質に生じる様々な問題は組織設計にその原因があることも多い / Internal Quality Issues Caused by Organizational Design
mtx2s
108
43k
論文紹介: Improving Implicit Feedback-Based Recommendation through Multi-Behavior Alignment(Xin Xin et al., 2023)
hakubishin3
0
170
SOLID Is Dead, Long Live SOLID
lemiorhan
2
190
【Microsoft社員が振り返る】Microsoft Ignite
yutoy
1
290
技術的負債あるある早く言いたい〜/RookiesLT-link-and-motivation
lmi
0
2k
エンタープライズSaaSへの挑戦〜顧客の事業を成長させるプロダクトマネジメントとは？〜 / pmconf2023
route06
2
460
リアルで価値を発揮するデジタルプロダクトを開発する
aki_iinuma
0
930
Java in containers and serverless
takesection
0
100

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.8k
Facilitating Awesome Meetings
lara
37
5.2k
Teambox: Starting and Learning
jrom
125
8.2k
Statistics for Hackers
jakevdp
787
220k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
656
120k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
20k
Rebuilding a faster, lazier Slack
samanthasiow
71
7.9k
Practical Orchestrator
shlominoach
179
9.4k
GraphQLとの向き合い方2022年版
quramy
26
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
0
1k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Building Effective Engineering Teams - LeadDev
addyosmani
22
1.2k

Transcript

  1. The Developer's Guide to the
    REACT COMPONENT
    LIBRARIES
    Robert Haritonov
    @operatino & rhr.me

    View Slide

  2. Front-end Development Lead
    Liberty Global / Ziggo
    Robert Haritonov @operatino

    View Slide

  3. View Slide

  4. View Slide

  5. @operatino
    My Previous Talks
    • http://bit.ly/building-react-library
    • http://bit.ly/the-style-guide-platform
    • http://bit.ly/style-guide-tools-overview

    View Slide

  6. Let's Start Our
    QUEST
    • Choose tech base
    • Choose tools
    • Build

    View Slide

  7. View Slide

  8. View Slide

  9. @operatino
    1816 components 2288 components
    http://react-components.com
    http://ngmodules.org

    View Slide

  10. react-styleguidist

    View Slide

  11. react-storybook

    View Slide

  12. SourceJS
    The Living Style Guide Platform

    View Slide

  13. @operatino
    Build

    View Slide

  14. Start Small

    View Slide

  15. View Slide

  16. View Slide

  17. Style

    View Slide

  18. View Slide

  19. @operatino
    Focus

    View Slide

  20. View Slide

  21. View Slide

  22. @operatino
    npm publish
    npm install awesome-button

    View Slide

  23. @operatino

    View Slide

  24. Robert Haritonov
    @operatino & rhr.me
    Thank you!
    #reactamsterdam

    View Slide