react-native-gestures-and-animations-workshop icon indicating copy to clipboard operation
react-native-gestures-and-animations-workshop copied to clipboard

Update Expo SDK, babel plugins

Open francisldn opened this issue 2 years ago • 1 comments

As of 17 Sep 2022, I followed your Youtube tutorial (https://www.youtube.com/watch?v=wEVjaXK4sYQ) and just wanted to note the problems I encountered while trying to code along and the solutions that had worked for me. Hope this is helpful for other people.

  1. Expo SDK 37.0.0 no longer supported by Expo Go.
  • Run expo update 46.0.0 to update the SDK to the latest available version
  1. Babel plugins - encountered error detailed here:
  • solution in the stackoverflow worked for me

francisldn avatar Sep 17 '22 14:09 francisldn

As of 17 Sep 2022, I followed your Youtube tutorial (https://www.youtube.com/watch?v=wEVjaXK4sYQ) and just wanted to note the problems I encountered while trying to code along and the solutions that had worked for me. Hope this is helpful for other people.

  1. Expo SDK 37.0.0 no longer supported by Expo Go.
  • Run expo update 46.0.0 to update the SDK to the latest available version
  1. Babel plugins - encountered error detailed here:
  • solution in the stackoverflow worked for me

The first step is to install react-native-reanimated as a dependency in your project:

yarn add react-native-reanimated

Add Reanimated's Babel plugin to your babel.config.js:

module.exports = { presets: [ ... ], plugins: [ ... 'react-native-reanimated/plugin', ], };

After adding the react-native-reanimated/plugin to your project you may encounter a false-positive "Reanimated 2 failed to create a worklet" error. In most cases, this can be fixed by cleaning the application's cache. Depending on your workflow or favourite package manager that could be done by:

yarn start --reset-cache npm start -- --reset-cache expo start -c

D3troit98 avatar Oct 10 '22 15:10 D3troit98