Build a React Native Todo Application

Build a React Native Todo Application course by @browniefed #react

  • In this course we’ll explore getting started with a basic React Native application on both iOS and Android.
  • We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.
  • We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.
  • The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

In this course we’ll explore getting started with a basic React Native application on both iOS and Android. We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.

We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.

The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

Continue reading “Build a React Native Todo Application”

A Year of React Native: SSL Pinning – Made by Many

Notes on #ReactNative: on SSL pinning by @samueljmurray

  • When your app initiates this communication, your backend sends its certificate (which contains the public key).
  • Your app then checks that the certificate has been signed by a Certificate Authority (CA) that is trusted by the user’s device.
  • SSL pinning narrows these avenues of attack by letting you define the exact certificate or public key that your app will accept when communicating with your backend.
  • If you use a service like AWS Certificate Manager or Let’s Encrypt your certificate and public key could change at any time.
  • TrustKit also comes with a handy tool for extracting public keys from certificates and converting them to Base64 encoded SHA256 hashes.

We’ve been using React Native for over a year now and we’re loving how quickly we can create feature-rich and performant apps for iOS and Android. So far w…
Continue reading “A Year of React Native: SSL Pinning – Made by Many”

Build a React Native Todo Application

Build a React Native Todo Application course by @browniefed #react

  • In this course we’ll explore getting started with a basic React Native application on both iOS and Android.
  • We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.
  • We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.
  • The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

In this course we’ll explore getting started with a basic React Native application on both iOS and Android. We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.

We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.

The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

Continue reading “Build a React Native Todo Application”

Building an app: React Native vs Ionic – Hacker Noon

Building an app: React Native vs #Ionic  #ReactJS #JavaScript

  • In this article, we are going to make a comparison of two frameworks, React Native and Ionic, based on our real time experience in frontend development.When developing various products, either for ourselves or for the clients, there has always been a question that interested us: how can we narrow down time and cost of product development.Android and especially iOS developers have always been valued greatly and cost a lot, and when developing for two platforms one has to spend twice as much money.At some point we were experimenting with Cordova, but it didn’t feel as if we can get something valuable out of it.Then we noticed Ionic.
  • Now we would like to give you detailed frameworks comparison and explain you why React Native is better solution for our developers.We were always trying to get more expertise on different technologies and use them in practice in order to define the best solution.
  • We also kept on watching Ioinc2, which was supposed to become an innovation that would solve many issues that we had while working with Ionic1.The approaches of given frameworks are very different but for us React Native is an ultimate winner.We chose main React Native advantages that are superior in relation to Ionic1/2:Response time that could be compared to native apps.Ability to reuse the code parts (not all code) for desktop (web apps) and mobile (mobile apps) and even for the server.
  • (:-))Incredibly convenient toolchain for developers that allows to quickly develop and debug the app.Big amount of elaborated components from Facebook.Even bigger amount of components from community.Ability to realize the ideas of functional programming in development which ensures great stability and reliability of the app and relative scaling simplicity.However, we don’t make a point here that React Native is 100% perfect.
  • We also chose some of React Native disadvantages in comparison with Native Apps:Those code parts that are linked to work with hardware solutions, camera, external libraries integration, etc are still done in Native parts.The interface between javascript and native part is not so simple (but not more complicated than cordova).

When you start to use new technology, you cannot be sure it will be the best solution. In this article, we are going to make a comparison of two frameworks, React Native and Ionic, based on our real t
Continue reading “Building an app: React Native vs Ionic – Hacker Noon”

Build a React Native Todo Application

Build a React Native Todo Application course by @browniefed #react

  • In this course we’ll explore getting started with a basic React Native application on both iOS and Android.
  • We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.
  • We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.
  • The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

In this course we’ll explore getting started with a basic React Native application on both iOS and Android. We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.

We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.

The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

Continue reading “Build a React Native Todo Application”

How to Add a Splash Screen to a React Native App (iOS and Android)

How to add a splash screen to a React Native app (#iOS and #Android):  #ReactJS #JavaScript

  • How to Add a Splash Screen to a React Native App (iOS and Android)I’m often asked about that last mile of developing a React Native app (actually getting it into the app store).
  • There’s more to it than just building your app and sending it off to Apple/Google — you’ve got to add icons, splash screens, write descriptions, and more before sending it off for review.In this tutorial we’ll be working in the platform IDEs and writing a bit of native code.
  • The Phonegap repo has a guide on the various size splash screens your app should include but in this tutorial we’ll use Image Gorilla by Ape Tools to generate all the necessary sizes for our splash screen (as well as icons, but we won’t use those in this tutorial).
  • Once Image Gorilla completes and you download and extract the zip file you’ll see multiple directories, we’re only interested in the Android and iOS ones.Adding Splash Screens (iOS)First open the project in Xcodeopen scroll down to “Launch Images Source” and click “Use Asset Catalog…”and press “Migrate” when prompted.
  • You might have to mess with it a bit to take care of all of them.If you run your application now you should see the new splash screen in use.Note: I had to delete the app from the simulator before re-building the app for the splash screen to work.Adding Splash Screens (Android)Much of these instructions are pull from this article.

I’m often asked about that last mile of developing a React Native app (actually getting it into the app store). There’s more to it than just building your app and sending it off to Apple/Google — you…
Continue reading “How to Add a Splash Screen to a React Native App (iOS and Android)”

Introducing Support for React Native

Introducing Support for React Native:  #ReactJS #JavaScript

  • We are excited to announce that mParticle now supports React Native on Android and iOS!
  • While a wide variety of SDKs are available for iOS and Android, many do not support React Native, so app developers need to write platform-specific code (which somewhat defeats React Native’s purpose).
  • In the same way that React Native abstracts the OS, allowing you to focus on the UI, mParticle abstracts the integrations, allowing you to focus on writing your app.
  • By leveraging the mature mParticle SDKs already available for iOS and Android, and the cross-platform capabilities of React Native, your app can have a single clean codebase connected to all the app services you need to run your business.
  • Like our other SDKs, the React Native module is open source and hosted on GitHub:

With the React Native SDK, learn how your app can have a single clean codebase connected to all the app services you need to run your business.
Continue reading “Introducing Support for React Native”