hyochanhyochan
138

Dooboo UI Legacy

screenshot of Dooboo UI Legacy
react
react-native

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

Github

Overview

The dooboo-ui project has been a great source of React Native UI components, but it's important to note that it has transitioned to the more streamlined dooboo-ui package, marking the end of the legacy version. This shift, while it signals the end of support for older versions, aims to enhance performance and accelerate development. With an emphasis on functional components and hooks, dooboo-ui promises a modern approach to building UI interfaces across various platforms including iOS, Android, and web.

Developed with a focus on ease of use and maintainability, dooboo-ui encourages collaboration through contributions and a robust testing framework, making it an attractive choice for developers looking to create beautiful and functional UI components.

Features

  • React Hooks Integration: Leveraging the power of functional components with hooks simplifies the development process and enhances code readability.
  • Cross-Platform Support: Designed to work seamlessly on iOS, Android, and web, ensuring a consistent experience across devices.
  • Rich Component Library: Includes a variety of independent components such as calendars, charts, and gift chat functionalities to extend your application's capabilities.
  • Built with Modern Tools: Utilizing cutting-edge tools like Emotion, TypeScript, and Jest for optimal performance and testing.
  • Storybook for Testing: Offers Storybook integration to visualize components and test them interactively during development.
  • Easy Contribution Process: Welcomes developers to contribute with a straightforward guideline, fostering a community-driven approach.
  • Dynamic TypeScript Compilation: The yarn watch command allows for automatic syncing of TypeScript files, streamlining the development workflow.
  • Webpack Compatibility: Detailed instructions for setting up webpack with Expo, enhancing compatibility and usability for web projects.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Expo

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.