Need help with dooboo-ui?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

dooboolab
143 Stars 86 Forks MIT License 420 Commits 5 Opened issues

Description

React Native UI Components with react-hook (web, ios, android)

Services available

!
?

Need anything else?

Contributors list

dooboo-ui

React Native UI components built by

dooboolab

Supports Expo iOS Supports Expo Android Supports Expo Web

Npm Version Downloads CircleCI codecov Sponsor License

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 :blossom:.
  • 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.

Thememing

Follow the README_THEME

Compatibility

| package | version | | ----------------- | ------- | | react | >=16.13 | | react-native | >=0.62 | | styled-components | >=5 |

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]

Backers

Please be our Backers.

Contributing

Please make sure to read the Contributing Guide before making a pull request. Thank you to all the people who helped to maintain and upgrade this project!

a relative link

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.