https://github.com/wafttech/helperstyles

Utility class names for react native projects
https://github.com/wafttech/helperstyles

react-native utility

Last synced: 8 days ago
JSON representation

Utility class names for react native projects

• Host: GitHub
• URL: https://github.com/wafttech/helperstyles
• Owner: WaftTech
• Created: 2019-05-23T16:33:41.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-09-23T05:44:51.000Z (over 5 years ago)
• Last Synced: 2024-11-06T19:54:28.341Z (about 2 months ago)
• Topics: react-native, utility
• Language: JavaScript
• Homepage:
• Size: 28.3 KB
• Stars: 1
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# helperStyles

Utility class names for react native projects

## Why do I need this?

For faster writing styles in RN projects, you need this. Here is why:

- **Familiar classes:** if you know css, you are almost done. Class names are written in such way, you don’t find any headache to remember. Yes there is pattern.

- **Less cognitive load:** Ever tired of thinking about new class names, it is for you. it is basically works like inline styles.

- **Flow in coding:** Once you get used to with class names, you don’t have to move to other lines of page or jump to other pages.

## How can I use this?

__Step1 : Import__

```

import React from 'react';

import {View,Text} from 'react-native';

import utilities from 'file path to utilities.js';

```

__Step2 : Load__

```

 

	

		FROM

		

			{moment(start_date).format('hh:mm a')}

		

	

	

		TO

		

			{moment(end_date).format('hh:mm a')}

		

	

```

```

const s = StyleSheet.create({

  ...utilities,

});

```