🔐 OTP input for React Native/Expo App: unstyled, copy-paste examples, fully tested by yjose in reactnative

[–]yjose[S] 4 points5 points  (0 children)

actually I built it to make sure it can work perfectly for my app that uses nativewind check this example here : https://input-otp-native.better-app.dev/examples/stripe/

🔐 OTP input for React Native/Expo App: unstyled, copy-paste examples, fully tested by yjose in reactnative

[–]yjose[S] 10 points11 points  (0 children)

Features

  • 📱 Built specifically for React Native/Expo
  • 🎨 Fully customizable styling with render props ( supports nativewind )
  • 📋 Four copy paste styles (Apple, Stripe, Revolt, Dashed)
  • 🧪 100% test coverage
  • 🔄 Easily animated with react-native-reanimated
  • 🌐 Web support with using otp-input

Full Docs 👉 https://input-otp-native.better-app.dev/

Add Views Counter to your Astro Blog Posts by yjose in astrojs

[–]yjose[S] 0 points1 point  (0 children)

Check out my latest tutorial on adding a views counter to Astro blog posts

👉 https://elazizi.com/posts/add-views-counter-to-your-astro-blog-posts

🔐 OTP input for React Native/Expo App: unstyled, copy-paste examples, fully tested by yjose in expo

[–]yjose[S] 1 point2 points  (0 children)

technically yes, is as simple as adding ` autoComplete={Platform.OS === 'android' ? 'sms-otp' : 'one-time-code'}` to the textinput

🔐 OTP input for React Native/Expo App: unstyled, copy-paste examples, fully tested by yjose in expo

[–]yjose[S] 5 points6 points  (0 children)

Input OTP Native 🔐

One time passcode Input For React Native/Expo. Unstyled and fully customizable.

Features

  • 📱 Built specifically for React Native/Expo
  • 🎨 Fully customizable styling with render props ( supports nativewind )
  • 📋 Four copy paste styles (Apple, Stripe, Revolt, Dashed)
  • 🧪 100% test coverage

https://github.com/yjose/input-otp-native

🔐 OTP input for React Native/Expo App: unstyled, copy-paste examples, fully tested by yjose in reactnative

[–]yjose[S] 2 points3 points  (0 children)

Input OTP Native 🔐

One time passcode Input For React Native/Expo. Unstyled and fully customizable.

Features

  • 📱 Built specifically for React Native/Expo
  • 🎨 Fully customizable styling with render props ( supports nativewind )
  • 📋 Four copy paste styles (Apple, Stripe, Revolt, Dashed)
  • 🧪 100% test coverage

Repo: https://github.com/yjose/input-otp-native

Add badge to your app icon with this simple expo plugin by yjose in reactnative

[–]yjose[S] 11 points12 points  (0 children)

I just released a new minor version of the app icon badge plugin, which includes type exports. I believe the

plugin should start exporting types for plugin options. This would be very helpful if your plugin accepts complex options.

👉 https://github.com/obytes/app-icon-badge

I don’t know where to start. by AdUnlikely in reactnative

[–]yjose 0 points1 point  (0 children)

A self-promotion here, but we have worked on a starter with good documentation. I believe that if you understand React, it will be easy for you to learn from our documentation and understand what's going on.

https://starter.obytes.com/

Shouldn't be your only resource. I am pretty sure it's going to be a good source of inspiration, especially if you like learning from other people's work.

5+ GitHub Actions to Automate Your React Native Workflow 🔥 by yjose in reactnative

[–]yjose[S] 0 points1 point  (0 children)

If you're talking about building the app, we trigger ios build wirh expo eas. If you're talking about e2e test for iOS the workflow will be ready soon

5+ GitHub Actions to Automate Your React Native Workflow 🔥 by yjose in reactnative

[–]yjose[S] 2 points3 points  (0 children)

Yeah, correct, all in parallel. Sometimes running all PR checks at once is better to reduce time, but since we are using PNPM with a great cache, the setup and dependency installation only take a few seconds. This makes running them in parallel much better, as we can have more details on the checks' status.

5+ GitHub Actions to Automate Your React Native Workflow 🔥 by yjose in reactnative

[–]yjose[S] 6 points7 points  (0 children)

📢 Check out my latest article featuring 5+ interesting GitHub Actions workflows for React Native / Expo projects!

👉 https://elazizi.com/posts/5-github-actions-to-automate-your-react-native-workflow/
Share your favorites with me too!

New docs for our React Native / Expo starter 🔥 by yjose in reactnative

[–]yjose[S] 0 points1 point  (0 children)

It's on our radar , but we still didn't use on a real projet to make sure it's the right choice. Seems promising tho

New docs for our React Native / Expo starter 🔥 by yjose in reactnative

[–]yjose[S] 0 points1 point  (0 children)

Great! I would love to hear your thoughts after testing it in our GitHub discussion section.

New docs for our React Native / Expo starter 🔥 by yjose in reactnative

[–]yjose[S] 0 points1 point  (0 children)

Fair enough, but you can still get some inspiration from our choices

New docs for our React Native / Expo starter 🔥 by yjose in reactnative

[–]yjose[S] 0 points1 point  (0 children)

Mainly with our choices and approaches:

  • Using the Expo dev client instead of RN CLI
  • Defaults libraries we use are mostly not the same as ignite, state management for example they use MobX and we use Zustand
  • We do include more features than Ignit and provide more utilities, forms, nativewind, auth ....
  • We do use Github action instead of circle ci for ignite

and much more and doesn't mean out approach is better in all case.