Meta Refresh 2018

Meta Refresh 2018

The web in your pocket

Anenth Vishnu

@anenthv

The Art of building UI library with React

Submitted Sep 17, 2017

React components + Pluggable nature of css = Reusable UI Components.

  • The Talk will be about creating reusable UI components that will help your feature team will delivery feature faster.
  • CSS is the easiest language and the most difficult language to scale, I will explain about how to scale CSS using the help of React component.

Outline

Concepts

  • Brief Idea about how to think about components
  • How to write css which can be plugged in to the components
  • Brief Idea about composing react components
  • How to write CSS: CSS is different from other programming languages and it need a different way of thinking/thought process. Will be explaining my magic recipe.

Example of how to build Reusable components

  • Example code on building reusable components.

Testing the UI framework

  • Some of the framework to help to find bugs

Speaker bio

Senior front end engineer at Recruiterbox. I have been writing css for 7years, I have made lots of mistakes in css in these years and I have learned alots.

Slides

https://speakerdeck.com/anenth/art-of-building-reusable-component

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more