Giter Club home page Giter Club logo

react-native-elements's Introduction

react-native-elements

React Native Elements

Cross Platform React Native UI Toolkit


React Native Elements UI Toolkit

Get Started

Installation

Follow these instructions to install React Native Elements !

Usage

Start using the components or try it on Snack here.

import { Button } from 'react-native-elements';

<Button />;

Components included:

RNE Ecosystem:

React Native Elements also serves as a platform that connects small teams/individuals that needs help developing their RN app with open source contributors that are willing to build complex UI screens & animated interactions for ๐Ÿ’ฐ๐Ÿ’ฐ๐Ÿ’ฐ.

Here are some of the screens that our developers have created so far:



If this sounds interesting and you would like to participate, kindly open a new issue with the design & spec of the UI screen that you need to be developed. One of our developers will respond to your issue with an estimate of time & cost.

It's built on top of RNE & Open Collective. If you have any feedback or would like to know more details about this kindly contact Monte Thakkar.

Expo Demo App

Checkout the official React Native Elements App on Expo which uses all of the React Native Elements components.

If you are looking to contribute to the React Native Elements App, click here to view the implementation & run the RNE expo app locally.

v1.0 Roadmap ๐Ÿƒ ๐ŸŽ ๐Ÿ‡

Current release: 1.0.0-beta4

New Features:

  • Button component (re-write) - @monte9
  • Input component (re-write) - @monte9 & @xavier-villelegier
  • Search component - Platform specific (re-write) - @xavier-villelegier
  • Avatar component (refactored) - @monte9
  • Production-ready screens ๐Ÿ”ฅ ๐Ÿ’ฏ ๐ŸŽธ - @monte9, @xavier-villelegier, @martinezguillaume
  • Launching RNE Ecosystem โœจ๐Ÿš€โœจ - @monte9
  • ListItem component - Platform specific (re-write) - @martinezguillaume, @johot WIP
  • Themes support - NEW - @iRoachie WIP
  • React Native Web support - NEW - @Gregor1971 WIP - branch - PR

v1.0 TODO:

  • Update docs for Button component
  • Update docs for Input component
  • Update docs for Search component
  • Write detailed release notes with new features & breaking changes
  • Update react, react-native & other dependencies
  • Update docs for ListItem component (Pending rewrite of component) - $20
  • Write docs for Themes support (Pending completion of theme support) - $20
  • Create a compelling demo/example app for RNE + RNW (Checkout rn-web branch or this PR comment for context) - $50
  • Write docs for React Native Web support (Checkout rn-web branch or this PR comment for context) - $50
  • Recreate Settings page on iOS & android (to show listItem + searchBar + themes components) - WIP - @martinezguillaume

Feel free to reach out to us on our Slack channel if you have any questions about what to work on.

Release plan:

Since this is a beta release, any new installation of react-native-elements will get v0.19.0. If you would like to try out our v1.0.0 beta releases (we highly suggest you do), run the following command:

yarn add react-native-elements@beta

Since v1 has a lot of API changes (many of which are breaking changes due to re-written components), the v1.0.0 beta releases are meant to give our users a heads up and give them plenty of time to migrate their apps to v1.

The official v1.0.0 will be released around mid-March 2018 ๐ŸŽ‰

Test v1.0 components

You can test new features of the v1.0.0 beta releases on Expo Snack by modifying the package.json file:

"react-native-elements": "^1.0.0-beta"

This will install the latest beta release of React Native Elements.

Documentation

View the full docs here

Contributing

Interested in contributing to this repo? Check out our Contributing Guide and submit a PR for a new feature/bug fix.

First Contributors

We encourage everyone to contribute & submit PR's especially first-time contributors. Look for the label good first issue on the issues. Click here to see them.

If there is something you's like to see or request a new feature, please submit an issue or a pull request.

Slack Community

In case you have any other question or would like to come say Hi! to the RNE community, join our Slack team. See you on the other side! ๐Ÿ‘‹๐Ÿ˜ƒ

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

react-native-elements's People

Contributors

monte9 avatar dabit3 avatar binoy14 avatar iroachie avatar xavier-villelegier avatar martinezguillaume avatar cpenarrieta avatar brentvatne avatar tarang9211 avatar jenessawhite avatar joshuabaker2 avatar alphasp avatar gregjarvez avatar tamdao avatar tolu360 avatar xdamman avatar max2three avatar simonasdev avatar jeanmsilva89 avatar a avatar squirre1 avatar kyler-hyuna avatar karanguptak9 avatar jeffshek avatar yoyopuyo avatar houce avatar mcnamee avatar mguida22 avatar nickman87 avatar raduflp avatar

Watchers

James Cloos avatar Tobi Adeyemi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.