Ricky Figures It Out: Simple React-Native TabNavigator using React-Navigation

Ricky Figures It Out: Simple React-Native TabNavigator using React-Navigation

  • So to start let’s start with the basic file structure layout:I have created a folder I’m going to be doing all my work in called appInside it I have a config folder and a views folder with a index.js file as well.You can call your folders whatever you want, but…
  • /app/index.
  • js file.Our App.js file should look like:import App from ‘.
  • /app/index’;export default App;As always, we want to export it so our root level index.js can import it.Our index.js on the root level should look like this:import { AppRegistry } from ‘react-native’;import App from () = App);This is best practice if you want to set up any kind of server/database or…

No offense, but all of the other React-Native navigation articles I’ve found on Medium don’t work. So I took it upon myself to figure it out, and write a better, smarter, easier way for navigation…
Continue reading “Ricky Figures It Out: Simple React-Native TabNavigator using React-Navigation”

We built our entire startup on React Native and this is what we found out

We built our entire startup on #ReactNative and this is what we found out:  #developer

  • However with the Android market share being pretty high, we had to make sure our app worked on both Android and iOS.
  • We wanted the iOS app to look and feel native.That’s where React Native came into the picture.
  • Could React Native pull this off and still look native?A few months down the line, with our iOS and Android app on the respective stores, I can tell you the journey was nothing but spectacular.
  • But hey, if we could go from an iOS app to fully functional Android app in 2 days, can it really get any better?Honestly I have never written an app for iOS on objective C that didn’t crash during beta testing a few times.
  • And to my amazement, our React Native app on iOS is yet to crash even once during production run.

At Genie! we like to spend most of our time giving our users the best experience to send and receive gifts. However I only had expertise writing apps for iOS and not Android. When we first decided to…
Continue reading “We built our entire startup on React Native and this is what we found out”

10 key differences between ReactJS and React-Native? – Georgia Hovis

10 key differences between #ReactJS and #React-#Native?


#reactjs #reactnative

  • ReactJS and React Native are some emerging technology for web and mobile development.
  • React-Native and React-JS are quite similar, yet it has many differences which one should know before starting developing apps using this platform.
  • Here, are some important differences which should know by every ReactJS web developer should learn before using this technology for the offshore web development purpose.
  • Moreover, the community around React-Native gets very big and keeps growing, the technology is not going away anytime soon, and I would recommend any web developer who wants to develop a mobile app.
  • Thus, it hardly surprises that both react js and react native enjoy so much popularity and many offshore development firms prefer it for developing all type of web application for their business.

ReactJS and React Native are some emerging technology for web and mobile development. This project was started with the goal of simplifying the development process and provide the more comfortable user experience. This library allows for building a web interface with JavaScript. React-Native and React-JS are quite similar, yet it has many differences which one…
Continue reading “10 key differences between ReactJS and React-Native? – Georgia Hovis”

Why I decided to move from Android to React Native – CloudBoost

Why I decided to move from Android to #reactnative

  • There were several reasons why I chose React Native as my new framework and I want to share with you which were these reasons :Frequently, I use some applications which are built with React Native such as Booking, Airbnb, Facebook and Instagram.
  • Their animations, performance and UI are almost native and It is difficult to feel and see difference between Android Native and React application.Another thing I saw was that big companies are starting implement and get involved on React Native.
  • But I could not say the same of React Native here is an example.I made a retrospective about all applications I have made so far in order to found which of them could not be built on React Native.
  • Common features I am talking about List, Sign in, Social Logins, Video player, Audio player, Image render, Forms, Tabs, Details views, Navigation and Animations.Write one and run everywhere, it is well know that if you write a React Native you can run on Android and iOS.
  • It’s also easy to build part of your app in React Native, and part of your app using native code directly — that’s how the Facebook app works.Sooner or later as Android Developer you will have to learn Kotlin.In conclusion, React Native is a framework cross-platform that has been well built and…

I have been an Android Developer for 4 years. During this time I have had the opportunity to development several Android applications. But since 2 months ago I started coding a new application called…
Continue reading “Why I decided to move from Android to React Native – CloudBoost”

Introducing Postlight’s WordPress + React Starter Kit

Introducing postlight’s WordPress + React starter kit  #ReactJS #Wordpress

  • With some research, configuration, and trial and error, you can have both — but we’d like to save you the work.Meet Postlight’s WordPress + React Starter Kit, a free, zero-to-hero toolkit for engineers and product tinkerers who want to try out headless WordPress on their own computer with minimal effort.This starter kit…
  • From there, you’re ready to start importing data from your own WordPress site, and customizing the backend and frontend for your own needs.Postlight has shipped several headless WordPress projects with a React frontend for our clients in the past year or so, and we got tired of repeating the initial…
  • We use it internally to start new WordPress projects, and we made it generic enough for you to do the same.The Business Case: Why Headless WordPress?In our work with various clients, we’ve seen several scenarios, business reasons, and product requirements that make a WordPress backend with a React frontend make…
  • Your site or app needs to talk to several APIs, your WordPress content being just one of them, and it’s way easier to do that with a JavaScript frontend.You’re ready to migrate your site from WordPress to a new decoupled CMS, but want to do so piecemeal — first the frontend, and…
  • Headless WordPress does require you have some WordPress/PHP skills on your engineering team, but you can isolate that work to backend developers, and free up your frontend talent to work oblivious to WordPress’ inner workings, only aware of how to query the WP API.The Technical Details: How To Do Headless…

People who publish on the web love WordPress. Engineers love React. With some research, configuration, and trial and error, you can have both — but we’d like to save you the work. Meet Postlight’s…
Continue reading “Introducing Postlight’s WordPress + React Starter Kit”

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”