Monday & #ReactNative 💙 #iOS #Android #mobile #apps #DevOps #software

Monday & #ReactNative 💙 


#iOS #Android #mobile #apps #DevOps #software

  • That’s why, today I’d like to share a number of things that boost my productivity while creating mobile app in React Native.
  • Storybook allows you to create stories in which you prepare pre filled UI elements with data that could possibly show up there during normal app lifetime.
  • Later within a few seconds you can easily go through all stories that you’ve described and see how they look on your device / emulator without the need of going through all of these states in normal app flow which takes much longer time.
  • This is a tiny example of a single story, however if you develop a normal app, you will surely have much more of them which may cover all of possible UI states for your components.
  • If your app grows, it’s easy to guess that tests will not run in a matter of milliseconds, but it’s still normal to have a result of them within 1-3 seconds from the time that you saved your file.

A developer needs tools that support her/his workflow to be fully productive. Well, I guess that this statement fits to any profession that you can think of. It is really important for me to feel that the environment that I’m working in really supports my flow and works well with my approach to software development.
Continue reading “Monday & #ReactNative 💙

#iOS #Android #mobile #apps #DevOps #software”

Frameworks Such as PhoneGap and React Native Ease Mobile App Development

  • Development frameworks such as PhoneGap and, more recently, React Native make it significantly easier for retail businesses to build and deploy mobile applications for consumers and internal teams.
  • First, developing mobile apps in each platform’s native language means that you need to have a few development specialists: a Swift developer for iOS, a C++ developer for Windows Mobile, and a Java developer for Android.
  • Another framework, Xamarin, takes this same approach, but uses the C++ language as its starting place, making it possible for developers accustomed to working with Microsoft applications to create a single application with all the capabilities of a native-language app, and deploy it across mobile operating systems.
  • PhoneGap, React Native, and other frameworks make developing a custom mobile app more accessible and relatively less expensive than developing in a specific mobile operating system’s native coding language.
  • Or those same in-house developers could build internal mobile apps to help the business operate without learning new programming languages or having to create different versions of the same application for each platform.

Development frameworks such as PhoneGap and, more recently, React Native make it significantly easier for retail businesses to build and deploy mobile applications for consumers and internal teams. Radio-frequency identification …
Continue reading “Frameworks Such as PhoneGap and React Native Ease Mobile App Development”

10 Best React Native App Templates of 2017

10 Best #React Native App Templates of 2017 | via @tuts+   #appdev

  • One of the most popular React Native app templates available at CodeCanyon, MStore Pro allows users to convert their existing online shop to a mobile store app.
  • The React Native app template allows users to quickly and easily create a currency converter mobile app for any country in the world.
  • The cleverly named Tudu React Native app template aims to help developers create a simple, streamlined productivity app that will appeal to a wide cross-section of users.
  • This React Native app template allows users to register with their name, email and a password, and lets them start chatting with other members in the group.
  • So polish up your app’s initial appearance with BeOnboard, a collection of 18 React Native app templates which are designed to be used with any app in order to explain the app’s functionality to new users.

React Native has
been gaining in popularity for one obvious reason: it allows developers to write
code across different mobile operating systems. This means that they no longer
have to build the…
Continue reading “10 Best React Native App Templates of 2017”

React Native: Handling language changes on Android the right way

  • React Native: Handling language changes on Android the right wayOne of the core features of your app is internationalization (aka I18n), right?
  • Internationalization is all about offering your products in such a way that they can be localized for languages and cultures easily.In react native there is a very nice library to handle it: With this library, you can define a list of locales your mobile app supports:I18n.fallbacks = true;I18n.translations = { en, es, pl, fr, it,};Note: Fallback is important for unfinished translations.
  • So if your fallback language is en and you have a key that is not translated (so not defined in another language) it will use the key from the fallback language instead.Using the module is also pretty familiar if you come from the web:I18n.t(‘some_key’)One of the lovely things to handle this on the JavaScript side (I developed pure Android apps) is that you can update your .
  • I found out that when using this library on Android, if we change the system language, the app will not update to the new locale till I reload the JS bundle.
  • That is not the Android default behavior so… Let’s fix it!Solving the reload Android problemLet’s see first what happens on iOS when changing the system language and going back to our app:I speeded up the video a bit…As you can see, everything works as expected, our app and bundle gets restarted when coming back to it and we see the new language in place.

One of the core features of your app is internationalization (aka I18n), right? Internationalization is all about offering your products in such a way that they can be localized for languages and…
Continue reading “React Native: Handling language changes on Android the right way”

React Native 101: Build React Native Mobile App

React Native 101: Build #ReactNative Mobile App by @swizec  #learntocode

  • Swizec Teller from Shoutem School introduces React Native with this tutorial for noobs.
  • This is React Native 101: A post to help you build your first mobile app, even if all you’ve ever done is write JavaScript.
  • Especially if all you’ve ever done is JavaScript.

This is React Native 101: A post to help you build your first mobile app, even if all you’ve ever done is write JavaScript. Especially if all you’ve ever done is JavaScript.
Continue reading “React Native 101: Build React Native Mobile App”