React Native UI components built by dooboolab

React Native UI components built by dooboolab

We love react-hooks and willing to share our react-native ui components built in functional components using hooks. Also the dooboo-ui is built on top of our favorite stacks like styled-components, typescript, jest, react-testing-library, expo, storybook, and so on.

dooboo-ui

React Native UI components built by dooboolab

We love react-hooks and willing to share our react-native ui components built in functional components using hooks. Also the dooboo-ui is built on top of our favorite stacks like styled-components, typescript, jest, react-testing-library, expo, storybook, and so on.

Documentation

Contributing to dooboo-ui

dooboo-ui

  • See also
  • Contributing
    • Please run yarn pre so that the packages are prepared.
      • If you are having trouble, try to run yarn install-packages.
    • Try to make awesome UI components and test them in storybook. Ensure to test in platforms we provide which are iOS, android and web. Then it's all good to go for pull request. Give it a try 🌼.
  • While implementing UI components you should run yarn watch in order to build typescript files dynamically while implementing. This is currently the best solution to sync with your typescript code using package.json. If you find something more efficient, please give a pull request.

Usage

We aim to support react-native ui components in all platforms and we are currently targeting iOS, android and web. If you read issue on plan for unifying dooboo-ui, you can see in more detail how we want to drive this project.

Compatibility

package version
react >=16.13
react-native >=0.62
styled-components >=5.1.1

List of components in dooboo-ui

You can use most light weight components in dooboo-ui by importing it which are listed above. However, we also support individual imports using seperate installation which are more UI heavy. Those packages start with @dooboo-ui/* like @dooboo-ui/gifted-chat and is listed below.

List of independent components in dooboo-ui/*

Below elements are not included in dooboo-ui package since it depends on other packages that may overload its package.

Troubleshoot

Workaround when you face error in expo web

You need to set webpack for using "dooboo-ui" in expo-web.

  1. Install @expo/webpack-config in your expo's project. yarn add @expo/webpack-config or npm install @expo/webpack-config

  2. Create webpack.config.js in root path and Add below code. See issue below for more details.

    ```javascript
    const createExpoWebpackConfigAsync = require('@expo/webpack-config');
    
    module.exports = async function(env, argv) {
      const config = await createExpoWebpackConfigAsync(
        {
          ...env,
          babel: {
            dangerouslyAddModulePathsToTranspile: [
              'dooboo-ui',
            ],
          },
        },
        argv
      );
      return config;
    };

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

Download Details:

Author: dooboolab

Source Code: https://github.com/dooboolab/dooboo-ui

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.