Home / React / Miscellaneous

A complete native navigation solution for React Native

React Native Navigation App-wide support for 100% native navigation with an easy cross-platform interface. For iOS, this package is a wrapper around react-native-controllers, but provides a simplified more abstract API ov
Information
Category: React / Miscellaneous
Watchers: 506
Star: 12.9k
Fork: 2.7k
Last update: Sep 28, 2023
Resource links
https://github.com/wix/react-native-navigation
Popular


React Native Navigation

NPM Version NPM Downloads Build Status Join us on Discord

App-wide support for 100% native navigation with an easy cross-platform interface. For iOS, this package is a wrapper around react-native-controllers, but provides a simplified more abstract API over it. It also fully supports redux if you use it.

Important

We are currently working hard on redesigning and refactoring this project with high quality and robustness in mind. As a result, issues and pull requests will take more time to process.

To avoid any confusion and breaking existing projects, all continuous development is published under the npm tag next, with version 2.0.0-experimental.x. Once stable, we will publish it as 2.0.0. This version supports react-native 0.40.0 and above.

The last stable version is 1.30.x with npm tag latest. This version supports react-native 0.25.1. It's installation instructions are here.

If you don't want your code to break on a daily basis and don't need the new features ASAP please use the latest version or just specify a specific version number.

Wiki

Why use this package

One of the major things missing from React Native core is fully featured native navigation. Navigation includes the entire skeleton of your app with critical components like nav bars, tab bars and side menu drawers.

If you're trying to deliver a user experience that's on par with the best native apps out there, you simply can't compromise on JS-based components trying to fake the real thing.

For example, this package replaces the native NavigatorIOS that has been abandoned in favor of JS-based solutions that are easier to maintain. For more details see in-depth discussion here.

License

The MIT License.

See LICENSE

225 Open More issues
Closed

White flash on screen push.

Issue Description

In IOS when i push a new screen i see a white background on the rootview before the first react native render, since i have a dark styled app it's quite annoying.

Changing the color on rootview in AppDelegate.m to black, or setting a screenBackgroundColor doesn't seem to to anything

Steps to Reproduce / Code Snippets / Screenshots

This is the snippet from AppDeletage.m self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; self.window.backgroundColor = [UIColor blackColor];

This is the snipper from the screenComponent

class EventScreen extends Component { static navigatorStyle = { screenBackgroundColor: SituaColors.darkBg }; ....

Thanks

Environment

  • React Native Navigation version: 2.0.0-experimental.105
  • React Native version: 0.34.0
  • Platform: IOS
  • Device info: Both simulator and device, both debug and release
platform: iOS v2 
opened Oct 5, 2016 by maurovisintin 101
Closed

v3 alpha [05/08 alpha.11 published]

3.0.0-alpha.11

Changes

  • [x] Support RN 0.60
  • [x] Migrate to AndroidX
  • [x] Improve draw behind StatusBar (Preparation for #4258)
  • [x] Don't push BottomTabs when keyboard is displayed (Fixes #4005, #3424) - It won't be needed to toggle the BottomTabs when Keyboard is visible
  • [x] BottomTab badge and dot indicator are not animated by default on Android (parity with iOS)

Updating from v2

v3 is currently in alpha. To update simply npm install 3.0.0-alpha.11 - npm install --save [email protected]. Breaking changes are outlined below.

Layout system changes on Android

  • Parent layouts (BottomsTabs, Stack, SideMenu) are always laid out behind the StatusBar.
  • Components (component and externalComponent) are measured and offset according to the StatusBar.

In this release, We're changing the layout system in order to provide better support for immersive and full screen apps. In this release we've improved support for drawing behind the StatusBar, next we'll address drawing behind the NavigationBar.

Use the drawBehind and translucent options to control the StatusBar

statusBar: {
  drawBehind: true,  // will draw a screen behind the StatusBar
  translucent: true // Usually you'll want to have drawBehind: true when this is true
}

While this isn't a breaking API change - there are a few breaking side effects.

How will my app be effected

  1. When the keyboard is opened, BottomTabs will now be drawn behind the keyboard and won't shift upwards. This is in parity with the current behaviour in iOS. For the most part, this isn't a breaking change. Toggling BottomTabs when TextInput's focus changes won't be needed anymore.

  2. Update: Fixed in 3.0.0-alpha.1 ~~If you've specified a custom TopBar animation which animates y or translationY properties, you'll need to compensate for the TopBar's topMargin. This is a temporary solution and will be addressed in one of the next alpha releases.~~ For example:

const statusBarHeight = getStatusBarHeight();
const topBarHeight = getTopBarHeight();
...
pop: {
  topBar: {
    enabled: true,
    y: {
      duration: 300,
      from: statusBarHeight,
      to: -topBarHeight + statusBarHeight
    }
  }
}
  1. While parent controllers are drawn behind the StatusBar, their background isn't. This means that when transitioning from a destinations drawn under the StatusBar to a destination drawn behind it, the application's default background color will be visible behind the StatusBar. If you application's theme is dark, you might want to change the windowBackground property to mitigate this:

Add the following to your application's style.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@color/backgroundColor</item>
    </style>

    <!--This is your application's default background color.
    It will be visible when the app is first opened (while the splash layout is visible)
    and when transitioning between a destination a screen drawn under the StatusBar to
    a destination drawn behind it-->
    <item name="backgroundColor" type="color">#f00</item>
</resources>

AndroidX migration

We've migrated RNN to AndroidX, please follow migration instructions in the react-native repo.

Removed SyncUiImplementation

SyncUiImplementation was used to overcome a bug in RN's UiImplementation. This workaround was added to RN's UiImplementation in RN 0.60 (thanks @SudoPlz) and can be removed from RNN.

If you're using SyncUiImplementation your app will fail to compile after upgrading to v3. Simply remove the following code from your MainApplication.java

- import com.facebook.react.uimanager.UIImplementationProvider;
- import com.reactnativenavigation.react.SyncUiImplementation;


- @Override
- protected UIImplementationProvider getUIImplementationProvider() {
-     return new SyncUiImplementation.Provider();
- }

BottomTab badge and dot indicator are not animated by default on Android (parity with iOS)

Showing and hiding badge and dot indicator are now not animated by default. Badge animation is now controlled with the bottomTab.animateBadge property and dot indicator with bottomTab.dotIndicator.animate property.

The following option will show a badge with animation

bottomTab: {
  badge: 'new,
  animateBadge: true
}

The following option will show a dot indicator with animation

bottomTab: {
  dotIndicator: {
    visible: true,
    animate: true
  }
}
๐Ÿ“Œ pinned 
opened Jun 23, 2019 by guyca 96
Closed

[V2] [iOS] Quick white screen (flash) after LaunchImage

Issue Description

Between the LaunchImage and display of the first RNN screen, there is a small window where the screen is white. In Debug mode it takes longer; this is where you see the green "Downloading JavaScript bundle" bar up top. The statusbar also goes dark here even though I set it to light using UIStatusBarStyle in Info.plist.

Existing solutions exist that require editing AppDelegate.m code related to the rootView. However when using RNN this is impossible, since we have to replace everything with a custom bootstrap method:

[ReactNativeNavigation bootstrap:jsCodeLocation launchOptions:launchOptions];

Is there any way you guys on the native side could make it so that the launch image and UIStatusBarStyle are not changed until the first RNN screen has loaded? This is some critical functionality impacting the UX of every app using RNN.

Steps to Reproduce / Code Snippets / Screenshots

n/a

Environment

  • React Native Navigation version: 2.0.2435
  • React Native version: 0.55.4
  • Platform(s) (iOS, Android, or both?): iOS
  • Device info (Simulator/Device? OS version? Debug/Release?): All
platform: iOS ๐Ÿš stale 
opened Jul 30, 2018 by Dexwell 94
Closed

Blank white screen on Android, IOS working fine!

Issue Description

I get a blank white screen on react-native run-android, can't even access CMD+M for dev menu. IOS working perfectly fine. If I run http://localhost:8081/index.android.bundle?platform=android&dev=false&hot=false&minify=false in browser, it says: "message": "Cannot find entry file index.android.js in any of the roots: ["/Projects/Mobile Applications/Project"]", even I have added @Override public String getJSMainModuleName() { return "index"; } in MainApplication.java,

(https://github.com/wix/react-native-navigation/issues/197)]

Steps to Reproduce / Code Snippets / Screenshots

App.js

import { Navigation } from 'react-native-navigation';

import { registerScreens } from './src/screens';

registerScreens(); // this is where you register all of your app's screens

// start the app
Navigation.startTabBasedApp({
  tabs: [
    {
      label: 'One',
      screen: 'Project.SplashScreen', // this is a registered name for a screen
      title: 'Screen One'
    }
  ]
});

screens/index.js

import { Navigation } from 'react-native-navigation';

import SplashScreen from './splash/splash.screen';

// register all screens of the app (including internal ones)
export function registerScreens() {
  Navigation.registerComponent('Project.SplashScreen', () => SplashScreen);
}

MainActivity.java

package com.bricofer;

import com.reactnativenavigation.controllers.SplashActivity;

public class MainActivity extends SplashActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    protected String getMainComponentName() {
        return "Project";
    }
}

MainApplication.java

package com.project;

import android.app.Application;

import com.facebook.react.ReactApplication;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;

import java.util.Arrays;
import java.util.List;
import com.reactnativenavigation.NavigationApplication;

public class MainApplication extends NavigationApplication {

     @Override
     public boolean isDebug() {
         // Make sure you are using BuildConfig from your own application
         return BuildConfig.DEBUG;
     }

     protected List<ReactPackage> getPackages() {
         // Add additional packages you require here
         // No need to add RnnPackage and MainReactPackage
         return Arrays.<ReactPackage>asList(
             // eg. new VectorIconsPackage()
         );
     }

     @Override
     public String getJSMainModuleName() {
     return "index";
    }

     @Override
     public List<ReactPackage> createAdditionalReactPackages() {
         return getPackages();
     }
 }

Kindly help!!!

Thanks

Environment

  • React Native Navigation version: 1.1.375
  • React Native version: 0.52.0
  • Platform(s) (iOS, Android, or both?): Android
๐Ÿš stale 
opened Feb 9, 2018 by mohdabbas 93
Closed

[v2] add support for react-native 0.57.0

opened Aug 24, 2018 by alradadi 67
Closed

[v2] Tried to create view after it has already been destroyed

My app users are complaining about random crashes on Android. I have Crashlytics installed and I verified by using user and time filters that this crashes are caused by the following error:

captura de tela 2018-08-14 as 18 17 04

I can't reproduce the problem in the Android simulator and it seems Android exclusive, as it appears. Can anyone help me what might be happening? Thanks in advance.

Environment

  • React Native Navigation version: 2.0.2377
  • React Native version: 0.55.4
  • Platform(s) (iOS, Android, or both?): Android
  • Device info (Simulator/Device? OS version? Debug/Release?): Only device, apparently
platform: Android ๐Ÿš stale type: accepted/bug 
opened Aug 14, 2018 by pibo 61
Open

Navigation.dismissAllModals() Shows black screen on IOS

What happened?

I am using this function:

  const onCloseClick = () => {
    return Navigation.dismissAllModals();
  };

But the function is not working as expected and it is causing bug in IOS. Android is working fine. dismissAllModals() makes the whole screen black on IOS.

I am using "react": "18.2.0", "react-native": "0.72.4", "react-native-navigation": "^7.37.0",

IOS: 16.1 (simulator) Xcode 14.1

What was the expected behaviour?

The modals should close and the app should work normally.

Was it tested on latest react-native-navigation?

  • [X] I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

Just use the latest react native navigation on IOS 16.1 with latest react native version. Use this function:

Navigation.dismissAllModals();

It will make the screen black.

In what environment did this happen?

React Native Navigation version: 7.37.0 React Native version: 0.72.4 Has Fabric (React Native's new rendering system) enabled: (yes/no) YES Node version: v20.5.1 Device model: iPhone 14 Pro (Simulator) iOS version: 16.1

platform: iOS type: accepted/bug 
opened Sep 18, 2023 by HunainHumail 5
Open

Single Quote Consistency

Most of the values within this file are using Single Quote. It might be useful to keep consistency to just use Single Quote.

opened Sep 17, 2023 by fahmitech 0
Open

[Android] Wrong user's tap area in overlay

Hi!

I use: "react-native": "0.72.4", "react-native-navigation": "^7.37.0",

I faced an annoying problem with overlays on Android. I show an overlay with a not full-screen view with interceptTouchOutside: false. For example, this view is {x: 0, y: 500, width: 100, height: 100}

When the user tries to tap the overlay the app receives a tap through the overlay (under it). Also, when the user tries to tap an area {x: 0, y: 0, width: 100, height: 100} through overlay (using interceptTouchOutside: false) it is blocked for taps.

It works well on iOS. Also, it worked well on older versions of react-native and react-native-navigation.

I found a problem in react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/utils/MotionEvent.kt

When we use the old version of the code our not full-screen overlay view performs getHitRect in the full-screen parent, so it works correctly.

view ?: return false
view.getHitRect(hitRect)
return hitRect.contains(x.toInt(), y.toInt())

However, when we started to use the new version of the code, we had an issue. It happens cause we use a child of this view from getChildAt instead of the original view for the getHitRect method.

val viewGroup = (view as? ViewGroup)?.getChildAt(0) as? ViewGroup ?: view
viewGroup?.getHitRect(hitRect)
return hitRect.contains(x.toInt(), y.toInt())

Android View getHitRect The documentation says that getHitRect - Hit rectangle in parent's coordinates.

Therefore, when we use the original view for getHitRect, it calculates the hit for his full-screen parent, but when we use a view's child, it calculates the hit for the original view as a parent.

So, when the user taps on {x: 50, y: 550} coordinates on the screen, it will be just {x:50, y:50} in the not full-screen parent, and the blocking tap area for overlay will be translated to the top of the screen in the wrong place.

Additional changes: typo in REACT_NATVE_VERSION_MINOR

I prepared changes to fix this issue. Let's review and apply ones.

opened Sep 14, 2023 by v-korotkov 0
Open

Flipper is not working with RNN

What happened?

New RN project created using RN 0.71.13 working fine with Flipper โ€“ it's detected in Flipper.

However if I add RNN, link it and rebuild the project, it's not detected anymore and I can't use Flipper for debugging purposes. Firstly it stopped working after upgrading my project to RN 0.71.13 and upgrading RNN to the latest version and re-linking it. But then I tested with the clean install and got the same result.

I tried of course clean and rebuild, running from xcode, checking that I run Debug, removing the app from Simulator and restarting everything (system, simulator, xcode, etc.)

But it reproduces 100% time.

What was the expected behaviour?

No response

Was it tested on latest react-native-navigation?

  • [X] I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

npx [email protected] init TestProject --version 0.71.13

Then start yarn ios >> open Flipper and it detects the app.

Then

  • yarn add react-native-navigation
  • npx rnn-link
  • pod install --project-directory=ios
  • yarn ios

Flipper does not detect

In what environment did this happen?

React Native Navigation version: ^7.37.0-hotfix.1 React Native version: 0.71.13 Has Fabric (React Native's new rendering system) enabled: (yes/no) Node version: 20 Device model: Apple Iphone 14 Simulator iOS version: 16.4

platform: iOS type: accepted/bug 
opened Sep 13, 2023 by pid0r-3blan 0
Open

fix: typo

change 'thier' to 'their'

opened Sep 12, 2023 by ayodeji-jackson 0
Open

[iOS] - App freezing on launch

What happened?

Hello,

Since I upgraded react-native and react-native-navigation to their latest version, my application is freezing on the login screen. More specifically, I get the following error :

*** Terminating app due to uncaught exception 'RCTFatalException: Unhandled JS Exception: TypeError: Cannot read property 'startLoadWithResult' of null, js engine: hermes, reason 'Unhandled JS Exception: TypeError: Cannot read property 'startLoadWithResult' of null, js engine: hermes, stack

I already tried to remove/deintegrate pods and to reinstall them but the issue remains. I followed the migration guide and also tried different things (few differences between the migration guide and the playground) My AppDelegate.h looks like this

#import "RNNAppDelegate.h"

#import <UIKit/UIKit.h>
#import <UserNotifications/UserNotifications.h>
#import <MarketingCloudSDK/MarketingCloudSDK.h>
#import <SFMCSDK/SFMCSDK.h>

@interface AppDelegate : RNNAppDelegate <UNUserNotificationCenterDelegate, SFMCSdkURLHandlingDelegate>

@end

and here is my AppDelegate.mm :

#import "Firebase.h"
#import "AppDelegate.h"
#import "RCTLinkingManager.h"
#import "ReactNativeConfig.h"

#import <React/RCTBundleURLProvider.h>
#import <ReactNativeNavigation/ReactNativeNavigation.h>

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  [FIRApp configure];

  //SFMCSDK setup...

  //RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
  //[ReactNativeNavigation bootstrapWithBridge:bridge];

  [ReactNativeNavigation bootstrapWithDelegate:self launchOptions:launchOptions];
  return YES;
}

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
#if DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
#else
  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
#endif
}

- (NSArray<id<RCTBridgeModule>> *)extraModulesForBridge:(RCTBridge *)bridge {
  return [ReactNativeNavigation extraModulesForBridge:bridge];
}

- (BOOL)concurrentROotEnabled
{
  return true;
}

// other methods for notifications handling

@end

Thank you for your help!

What was the expected behaviour?

No response

Was it tested on latest react-native-navigation?

  • [X] I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

No response

In what environment did this happen?

React Native Navigation version: 7.37.0 React Native version: 0.72.4 Has Fabric (React Native's new rendering system) enabled: (yes/no) Node version: 16.4.2 Device model: iPhone 13 (Simulator) iOS version: iOS 15.0

platform: iOS type: accepted/bug 
opened Sep 7, 2023 by ValentinOUI 0

7.37.0(Aug 15, 2023)

Fixed

iOS

7.36.0(Aug 3, 2023)

Enhancements

iOS

7.35.2(Aug 1, 2023)

No changelog for this release.

7.35.1(Aug 1, 2023)

Fixed

Android

7.35.0(Jul 30, 2023)

Enhancements

Fixed

  • RN Mock: push didAppear to next event loop #7714 by doronpr
  • Revert "pass componentName prop to screens" #7740 by yogevbd

iOS

Android

  • Fix title component measurement on Android #7739 by yogevbd
  • Fix truncated topBar component on Android #7736 by yogevbd
  • fix: measure overlay touch based on child dimensions #7704 by asherLZR

7.33.4(Jun 14, 2023)

No changelog for this release.

Contents

    teallabs ๐Ÿ”ฅ ๐ŸŽ‰ A React-Native starter kit with React-Navigation + Code Push + Onesignal + Sentry + Google Signin ๐ŸŽ‰ ๐Ÿ”ฅ
    benevbright An extension of react-navigation that makes your header collapsible.
    atoami React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK ๐Ÿ˜Ž
    timomeh ๐Ÿ’…๐Ÿ”ง๐Ÿ‘Œ a beautiful, customizable and easy-to-use material design bottom navigation for react-native
    EvanBacon Test automatic navigation using Expo and React Navigation
    zack24q vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. ไธ€ไธช้กต้ขๅฏผ่ˆชๅบ“๏ผŒ่ฎฐๅฝ•่ทฏ็”ฑๅนถ็ผ“ๅญ˜้กต้ข๏ผŒๅƒๅŽŸ็”Ÿ APP ๅฏผ่ˆชไธ€ๆ ทใ€‚
    Kerumen A complete and cross-platform card.io component for React Native (iOS and Android).
    mapbox Turn-by-turn navigation logic and UI in Swift on iOS
    Ramotion :octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion - https://www.ramotion.com/agency/app-development/
    Ramotion :octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion - https://www.ramotion.com/agency/app-development/
    armcha Space Navigation is a library allowing easily integrate fully customizable Google Spaces like navigation to your app.
    vipulasri Handling multiple backstacks with Bottom Navigation using Navigation Component.
    react-navigation Routing and navigation for your React Native apps
    gorhom This is a POC to replicate the native interaction behavior of iOS modal presentation with React Navigation.
    Dennis-Krasnov Elegant abstraction for complete deep linking navigation in Flutter
    manishbsta A React Native starter template project with built-in navigation & redux toolkit.
    ahonn A React-Native Client for V2EX
    EvanBacon Test automatic navigation using Expo and React Navigation and Webpack
    react-navigation Routing and navigation for your React Native apps
    proshoumma An educational app to help you learn about spices, built on top of react-native, react-native-navigation from wix and lottie-react-native for animations.
    thomaswangio A lightweight, customizable and haptic Gradient Button component for React Native ๐ŸŽจ๐Ÿ”˜
    Share this repo

    Related Repos


    Miscellaneous
    17
    Code for choosing a state manager for React
    jherr State Manager Example Applications Installation and startup % yarn % yarn start State manager examples Category Name Libraries Downloads Hooks Prop Dr
     
    Miscellaneous
    5
    side side project for hyodo
    imnotmoon moonwalker_tattoo Introduce ๋ฐ”๋‹๋ผ ๊ณต๋ถ€๋„ ํ•  ๊ฒธ ๋งŒ๋“œ๋Š” ์•„๋น  ํƒ€ํˆฌ์ƒต ํ™ˆํŽ˜์ด์ง€.. ์ž˜ ๋˜๋ฉด ๋ฐฐํฌํ•จ. SPA๋กœ ๋งŒ๋“ค๊ฑฐ๋ผ SEO ์‹ ๊ฒฝ ์จ์ค˜์•ผ ํ•จ. ์‹œ๊ฐ„ ๋‚ ๋•Œ๋งŒ ํ• ๊ฑฐ๋ผ ๋”ฑํžˆ ์™„์„ฑ๋„ ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š์Œ. Stack homepage : Vanilla JavaSc
     
    Miscellaneous
    11
    React Hooks for ClojureScript
    roman01la hooks React Hooks for ClojureScript Installation Add to deps.edn via Git deps {hooks/hooks {:git/url "[email protected]:roman01la/hooks.git"
     
    Miscellaneous
    163
    create react app by schematics
    flyaway98 sharp-react Generate a variety of react applications through schematic. The project does not do much abstraction. Junior engineers can learn the confi
     
    Miscellaneous
    18
    MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.
    olcaneristi MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.
     
    Miscellaneous
    23
    Nix backend for PureScript. Transpile PureScript code to Nix.
    purenix-org PureNix PureNix is a Nix backend for PureScript. Sometimes, you find yourself having to write Nix code that's more complicated than what the language
     
    Miscellaneous
    27
    Feature Flag component for React
    fdaciuk Feature Flag component for React
     
    Miscellaneous
    16
    Recreating Windows 11 settings using React JS
    yashash1511 Recreating Windows 11 settings using React JS
     
    Miscellaneous
    11
    FOSS4G 2021 Buenos Aires (Argentinia) Workshop PostgreSQL/PostGIS for Beginner
    astroidex foss4g-2021-workshop-postgresql-postgis-for-beginner-astrid-emde Workshop material for PostgreSQL/PostGIS workshop at FOSS4G 2021 Buenos Aires (Argent
     
    Miscellaneous
    24
    Framer motion demo with React
    fireship-io Framer Motion is a relatively new open source, production-ready animation library for React developers.
     
    Miscellaneous
    21
    Netflix clone with MERN Stack (MongoDB, Express, React, Node)
    enescelep Netflix clone with MERN Stack (MongoDB, Express, React, Node)
     
    Miscellaneous
    51
    React Query for Firestore, that you can actually use in production, on every screen.
    aminerol React Query for Firestore, that you can actually use in production, on every screen.
     
    Miscellaneous
    55
    ๐Ÿคฏ zART-stack โ€” Zero-API, React [Native], & TypeScript
    KATT ๐Ÿคฏ zART-stack โ€” Zero-API, React [Native], & TypeScript
     
    Miscellaneous
    24
    INotebook is a React Application for managing personal notes on the cloud
    CodeWithHarry INotebook is a React Application for managing personal notes on the cloud
     
    Miscellaneous
    22
    ๐Ÿ  Airbnb website using React, Next.js and Tailwind CSS
    picozzimichele ๐Ÿ  Airbnb website using React, Next.js and Tailwind CSS