React Native Icon Collection built upon React Native StoryBook

React Native Icon Collection built upon React Native StoryBook

React Native Icon Collection built upon React Native StoryBook React Pakistan is an OpenSource & Free Software (FOSS) platform, creating React software solutions for the global community.

📌 React Pakistan 🔥 🔥 🔥

React Pakistan - React Emoji Collection

React Pakistan is an OpenSource & Free Software (FOSS) platform, creating React software solutions for the global community. ⭐ ⭐ ⭐

📌 React Native Icon Collection ✌

React Pakistan - React Native Icon Collection React Pakistan - React Native Icon Collection - NPM Package

A generic, Icon library for React Native apps, following modern approach by building your project's UI in isolation using state of the art Storybook along with React.

📌 Technology Stack 🚀

📌 Installation 🚀

  • You should have React Native environment setup, prior proceeding with the following steps, if you don't please refer to React Native Getting Started docs to setup that.
  • Clone the repo
  • Cd into the project folder
  • Figure out which package manager you have on your system, then run following commands for their specific use cases.
  // to install dependencies
  yarn
  // to build and run app on ios Simulator
  yarn ios
  // to build and run app on android Simulator
  yarn android
  // to run all tests locally
  yarn test

OR

  // to install dependencies
  npm install
  // to build and run app on ios Simulator
  npm run ios
  // to build and run app on android Simulator
  npm run android
  // to run all tests locally
  npm test

📌 Usage 🚀

Add React Native Icon Collection to your project.

  yarn add @react-pakistan/react-native-icon-collection

OR

  npm install @react-pakistan/react-native-icon-collection

Add React Native Icon Collection base theme to your project.

  yarn add @react-pakistan/util-react-native-functions

OR

  npm install @react-pakistan/util-react-native-functions

Refer to React Pakistan Docs for detail usage docs.

📌 Styles 🚀

Styled Components are employed to maintain and update theme for this project. Please consider adding Styled Component Provider wrapper to the entry point of your application, following is the sample code. You could either use the default theme as shown below or wire your custom theme object instead.

  import { ThemeProvider } from 'styled-components';
  import { theme } from '@react-pakistan/util-functions';

  <ThemeProvider theme={theme}>
    <App />
  </ThemeProvider>

📌 Tested 🚀

Since we wrote a script that generates all the logos on the fly, we don't feel the need to test all 1000's of React SVG components.

Should you like this project and would like to see more coming in future, please consider giving a ⭐ on Github project repo.

📌 Other Libraries from ReactPakistan 🚀

React Pakistan - React Commons Collection React Pakistan - React Commons Collection - NPM Package

React Pakistan - React UI Collection React Pakistan - React UI Collection - NPM Package

React Pakistan - React Icon Collection React Pakistan - React Icon Collection - NPM Package

React Pakistan - React Logo Collection React Pakistan - React Logo Collection - NPM Package

React Pakistan - React Emoji Collection React Pakistan - React Emoji Collection - NPM Package

React Pakistan - React Native Logo Collection React Pakistan - React Native Logo Collection - NPM Package >

React Pakistan - React Native Emoji Collection React Pakistan - React Native Emoji Collection - NPM Package

📌 Support 🚀

If you need any help or have any question, please feel free to join ReactPakistan community at React Pakistan Slack.

📌 Contact 🚀

I can be reachable via Taimoor Web or else should you wish to send over an expression of your interest to contribute towards ReactPakistan, please shoot an email.

Download Details:

Author: react-pakistan

Source Code: https://github.com/react-pakistan/react-native-icon-collection

react react-native mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.