Skip to content

Instantly share code, notes, and snippets.

@wilmoore
Last active April 29, 2024 04:31
Show Gist options
  • Select an option

  • Save wilmoore/88c00c978bf70cafa7c564de2ce37082 to your computer and use it in GitHub Desktop.

Select an option

Save wilmoore/88c00c978bf70cafa7c564de2ce37082 to your computer and use it in GitHub Desktop.
Software Engineering :: Programming :: Languages :: JavaScript :: ReactJS :: Native :: Cheat Sheet

Software Engineering :: Programming :: Languages :: JavaScript :: ReactJS :: Native :: Cheat Sheet

⪼ Made with 💜 by Polyglot.


Hard Things in React Native

  • Responsive Design
  • Deciding between Bare React Native CLI project or Expo
  • Flexbox & CSS
  • Understanding Common Native App Components and Architecture (i.e. Navigation, Type of Compnents, Animation, etc)
  • Package Management (i.e. Cocoapods, Gemfile)
  • Cross-Device Testing
  • Cross-Platform Key management & App Store Publishing

Promo Codes

your contact can try the app for free. That’s why many blogs require you send them a promo code before they post a review.

Responsive Design

Expo

Pros & Cons

Pros
  • No need to Link
  • Over The Air Updates
  • Easy Deep Links
Cons
  • Must depend on Expo (third-party service) Build Service to push to App Store

Redux

NOTE: most people and/or tutorials recommend using redux. Redux code to me looks so spaghetti-like. It's a mess. Very PHP-like.

Extract

Design Patterns

Learning

Animation

React Native CLI Reference

Navigation

CI/CD

Coding Tips

Deep Linking

Mobile Design

SVG Background Gradients

Color Palettes

Tools

Beta Testing

Getting Started

Read & Learn

Watch & Learn

Flutter

Package Manager

Fonts

UI/UX

UI Kit

RNUILIB

React UI Kit

Starter Kits

To Read (respect)

Styling

Automation

CodePush

Debugging

Cross Platform Tools

iOS App Store Submission

iOS code signing

App Store Connect API

Libraries

Persistence

Grid

Mockups

Crash Reporting

bugsnag

Push Notifications

OneSignal

OneSignal is a free push notification service for mobile apps. This SDK makes it easy to integrate your native React-Native iOS and/or Android apps with OneSignal.

In App Purchases

Advertising

Icons

Guidelines & Best Practices

Push Notification

Analytics

Expo

Like other systems (CodePush...), Expo provides a system to update your app over the air. This means you upload your JS bundle on a CDN and the mobile apps will automatically download and use the new JS on next startup (without requesting a publication/review from the stores).

I have found a better alternative for this - a service called CodePush (it has even more opportunities and settings). For work with notifications use the library Onesignal, that also gives more capabilities that notifications available in Expo.

Turtle

In-App Subscriptions

Revenue Cat

Test Runner

simctl

Grids

react-native-responsive-grid

Function Components

Tutorials

Courses

Troubleshooting

Fastlane

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment