expo-cli VS react-app-rewired

$ expo start --dev-client WARNING: expo-cli has not yet been tested against Node.js v18.10.0. If you encounter any issues, please report them to https://github.com/expo/expo-cli/issues

Can you open an issue here with a minimal repro: https://github.com/expo/expo-cli/issues

React Native Modal Datetime Picker is a cross-platform calendar picker for React Native. The library includes a calendar picker component and a time picker component. The calendar picker for this library is presented inside a modal, which looks and feels like native modals for iOS and Android. React Native Modal Datetime is easy to install and supports projects created with Expo CLI and bare React Native projects.

that's certainly odd! any chance you could try cloning the expo-cli repository and debugging this issue locally? https://github.com/expo/expo-cli/

And thanks to @expo/next-adapter, you can even use Next.js to control your Expo for Web app. For details, check "Using Next.js with Expo for Web".

However, the Expo docs on this are outdated. I recommend commenting on this thread if you need help: https://github.com/expo/expo-cli/issues/3579

expo-cli (>= 4.x.x)

Locally, you can run the bundle command, then copy the output files into the binary folder, example: https://github.com/expo/expo-cli/pull/3667/files

The fastest and easiest way to get started with Vue Native is to bootstrap a mobile app with the Vue Native CLI. This CLI generates a simple, one-page application using either the Expo CLI or React Native CLI under the hood.

Further information here: https://github.com/timarney/react-app-rewired

Ejecting a React app is a bad idea because our application will lose all the React configurations and will not benefit from the CRA updates. Some solutions for ejecting our application include using packages like react-app-rewired or rewire. You can also use CRACO to eject your React application, but it needs you to install additional plugins.

When created I remove react-script package and copies build dependencies, configuration files and scripts into the app directory. It is needed to modify webpack.config file. (Another solution is to use react-app-rewired

Heads up: CRA5 bumped their webpack dependency to a version that no longer supports node polyfills in browsers. This breaks the builds of nearly all Ethereum-related projects today. A common workaround that avoids ejecting is to hook into the CRA build process. We’re using react-app-rewired but you could simply stay at CRA4 until the community comes up with a better solution.

CRA is good to get something running quick (and it uses webpack underneat!). In the past I've tweaked the webpack config using things like https://github.com/timarney/react-app-rewired when needed, but for all my "serious" projects I ended up ejecting and learning webpack! For my next project I'll try to skip CRA altogether!

// Overrides create-react-app webpack configs without ejecting // https://github.com/timarney/react-app-rewired const { addBabelPlugins, override } = require("customize-cra"); module.exports = override( ...addBabelPlugins( "babel-plugin-myPlugin" /* Add plug-in names here (separate each value by a comma) */ ) );

If Create React App supported Yarn workspaces out-of-the-box, what we've done so far would have been enough to run the app... unfortunately, it doesn't. Luckily, we can use CRACO (or other tools such as customize-cra or react-app-rewired) to customize the Webpack configuration used by Create React App to resolve packages imported from other workspaces.

<--- JS stacktrace ---> FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 1: 00007FF69616B9CF v8::internal::CodeObjectRegistry::~CodeObjectRegistry+112159 2: 00007FF6960FCA26 v8::internal::MicrotaskQueue::GetMicrotasksScopeDepth+65430 3: 00007FF6960FD90D node::OnFatalError+301 4: 00007FF696A91BAE v8::Isolate::ReportExternalAllocationLimitReached+94 5: 00007FF696A783AD v8::SharedArrayBuffer::Externalize+78 [1]: https://github.com/timarney/react-app-rewired

Enter react-app-rewired. What this package does is it allows you to hook into the Webpack config process so you can change settings, add loaders or plugins, and so on. It's like having all the pros of ejecting (mainly, access to the webpack.config.js) without actually ejecting.

Switch to craco from react-app-rewired for better CRA v4 support (breaking change!)