Top 23 JavaScript React Native Projects
-
awesome-react-native
Awesome React Native components, news, tools, and learning material!
awesome-react-native - Awesome React Native components, news, tools, and learning material!
-
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
Scout
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Joplin
Joplin - an open source note taking and to-do application with synchronization capabilities for Windows, macOS, Linux, Android and iOS. Forum: https://discourse.joplinapp.org/
I add my notes to Joplin (https://joplinapp.org/) but any notes management app will do... There are dozens of free open source multi platform apps...
-
react-native-elements
Cross-Platform React Native UI Toolkit
React Native Elements is a kit that have a consistent design across Android, Ios and Web. Its all write with pure javacript and very customizable. RN Elements have a nice playground to test, create or modificate your elements and see it on real time directly on your browser. Check here some screenshots:
-
NativeBase
Essential cross-platform UI components for React Native
Nativebase is a nice alternative to use, its a complete kit, have a lot of components and a good documentation. The idea here is "truly native look and feel", you will get a native ui for Android and Ios. We also can have some nice examples of projects and some awesome templates. Check here some screenshots:
-
react-native-vector-icons
Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.
Please take note of react-native-vector-icons setup instructions on Github https://github.com/oblador/react-native-vector-icons. It will have many instructions but follow the part that you see in the image below.
-
reactotron
A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
-
reactjs-interview-questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
500 React Interview Questions
-
react-native-firebase
🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
You need to perform some additional steps to configure Firebase for iOS. Follow this documentation to set it up.
-
react-native-animatable
Standard set of easy to use animations and declarative transitions for React Native
First off is React Native Animatable, and as the name suggests, this package helps you add animations to elements contained in mobile components. Now you can find more information about this package here, but I will try and explain how to use this package in your project. To add this package to your app, you will need to use either of these commands in your terminal.
-
react-native-debugger
The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
-
Winds
A Beautiful Open Source RSS & Podcast App Powered by Getstream.io
Project mention: Turn to RSS Feeds to Regain Control of the World Wide Web | news.ycombinator.com | 2021-02-06Open source RSS reader aiming to work well for regular users: https://github.com/GetStream/winds
Could definitely use some more contributors
-
Detox
Gray box end-to-end testing and automation framework for mobile apps
Detox: Gray box end-to-end testing and automation framework for mobile apps.
-
svgr
Transform SVGs into React components 🦁
I'm using SVGR to transform my SVG files into React components, rather than loading them via . This means my SVGs will be loaded with the markup, rather than being loaded asynchronously, which can help eliminate Cumulative Layout Shift (CLS) issues. It's as simple as customizing your next.config.js file to use the @svgr/webpack loader for *.svg file types, then importing them in your components, a la:
-
WatermelonDB
🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️
Project mention: How is the transition from Android/Java to React native? | reddit.com/r/androiddev | 2021-01-15Let's say that you wan't a robust database experience similar to Room on Android - there is nothing like that built in RN so using native modules we've built WatermelonDB so you can see that native dev experience is gonna help you with making cross platform apps. Same thing with Native Alert Dialogs etc.
-
react-i18next
Internationalization for react done right. Using the i18next i18n ecosystem.
I am not sure why this isn't described in React the docs officially, but it turns out, that you can trigger suspense by... throwing a promise! Then, once resolved, React component will continue to render. This approach is already used by some popular libraries, like react-i18next.
-
redux-offline
Build Offline-First Apps for Web and React Native
Project mention: Do you know a tutorial that exaplains how to allow CRUD API calls offline in a React PWA? | reddit.com/r/reactjs | 2021-01-28https://github.com/redux-offline/redux-offline Worth a look as well
-
why-did-you-render
why-did-you-render monkey patches React to notify you about avoidable re-renders.
-
Interactable
Experimental implementation of high performance interactable views in React Native
-
react-native-reanimated
React Native's Animated library reimplemented
React Native Reanimated is a library that allows developers to write smooth animations on React Native by making sure they are rendered in the native thread and not blocking JavaScript from handling other stuff at the same time.
-
metro
🚇 The JavaScript bundler for React Native. (by facebook)
Metro
-
react-swipeable-views
A React component for swipeable views. :snowflake:
-
react-native-material-ui
Highly customizable material design components for React Native
Github Stars: 3,600
Index
What are some of the best open-source React Native projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | awesome-react-native | 29,075 |
2 | taro | 28,171 |
3 | Joplin | 20,998 |
4 | react-native-elements | 20,091 |
5 | NativeBase | 14,702 |
6 | react-native-vector-icons | 14,474 |
7 | reactotron | 12,727 |
8 | reactjs-interview-questions | 10,481 |
9 | react-native-firebase | 8,827 |
10 | react-native-animatable | 8,584 |
11 | react-native-debugger | 8,267 |
12 | Winds | 7,943 |
13 | Detox | 7,647 |
14 | svgr | 7,315 |
15 | WatermelonDB | 7,296 |
16 | react-i18next | 6,060 |
17 | redux-offline | 5,965 |
18 | why-did-you-render | 5,337 |
19 | Interactable | 5,043 |
20 | react-native-reanimated | 4,348 |
21 | metro | 3,957 |
22 | react-swipeable-views | 3,806 |
23 | react-native-material-ui | 3,615 |