ReactFoo Delhi

ReactFoo Delhi

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

Kalpit Champanery

@ckalpit

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

Submitted Apr 9, 2018

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

Slides

http://prezi.com/k5uixltmhzmq

Comments

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

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

{{ errorMsg }}

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

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more