ReactFoo Delhi

On React, alternatives to React, ReactNative and front-end engineering

<Text style={ali-c fnt-b}/> Bootstrap your own style sheet for react native.

Submitted by Kalpit Champanery (@ckalpit) on Sunday, 8 April 2018

videocam_off

Technical level

Intermediate

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +7

Abstract

The trick for styling your react native components like you style it in the web(HTML)using CSS/Bootstrap.
No need to use/create many separate react native style sheet, forget the hassle of managing separate style.js file for components.
Create your own bootstrap for your react native project and directly specify styles in components like <Text style={ali-c fnt-b}/> etc. etc.

Outline

A little intro about how styling works in react native

explaining the pain to manage styles of each component separately

proposing a simpler solution for styling react native components

how to achieve the solution

how it will save the time

Speaker bio

Software Alchemist(Lead Developer) @pricebaba.com, having experience in native android, python, react, react native, opensource lover, was a member of GDG baroda and google facilitator

Links

Slides

http://prezi.com/k5uixltmhzmq

Comments

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 8 months ago

    The slides look incomplete Kalpit.

    • 1
      Kalpit Champanery (@ckalpit) Proposer 8 months ago

      Hi, I will be updating it soon.

Login with Twitter or Google to leave a comment