/hetic-workshop-2020

👨🏾‍🎓A React Native workshop to learn how to make animations

Primary LanguageObjective-C

workshop-hetic-react-native

styled with prettier

A carousel written in React Native to reproduce: https://twitter.com/EylamF/status/1224045293785583616

⚡️ Requirements

🔥 Stack

  • React Native 0.61.x, a framework to build native mobile apps using JavaScript and React

💻 How to use

  1. Install React Native as described at https://reactnative.dev/docs/environment-setup
  2. Clone this repository
  3. Run yarn or npm install , all required components will be installed automatically
  4. Copy and paste your font files into an assets folder. (the font Proxima Nova is required)
  5. Run react-native link

iOS

  1. Run pod install from ./ios folder
  2. Start Xcode and open generated AppH4.xcworkspace

Android

No steps required.

🌏 Run the project

It is recommended to run react-native start command from root project directory.

(Otherwise, run your project from Xcode (Cmd+R) for iOS, or use react-native run-android to run your project on Android.)

🥳 Tada, the project is running:

🕺 Contribute

Want to hack on workshop-hetic-react-native? Awesome! We welcome contributions from anyone and everyone. 🚀

  1. Fork this repository to your own GitHub account and then clone it to your local device
  2. Install dependencies using Yarn: yarn
  3. Ensure that the tests are passing using yarn test
  4. Send a pull request 🙌

Remember to add tests for your change if possible. ️

👋 Questions

If you have any questions, feel free to get in touch on Twitter @Leo_LeBras or open an issue.

😍 Thanks

If you have any questions, feel free to open an issue. Please see the Getting Started guide for React Native before submitting an issue.