background preloader

React Native

Facebook Twitter

What are the main differences between ReactJS and React-Native? React-Native has been around for about 2 years, and became a really interesting framework since it can be used for Android and let us build cross-platform mobile apps.

What are the main differences between ReactJS and React-Native?

A few contributors also customized the framework to build desktop apps for Mac and Windows, which is quite cool. React Native. Thinking in Redux (when all you’ve known is MVC) – Hacker Noon. When we at Spoil decided to roll out our mobile app, one of the first decisions we had to make was: what language do we use?

Thinking in Redux (when all you’ve known is MVC) – Hacker Noon

After some deliberation, the decision was made: React-Native it was going to be. Learning a new “language” or framework isn’t a huge issue, but man oh man, did react-native and redux give me a hard time. This article doesn’t explain how React-Native works (as that is not the hard part). The purpose of the next few paragraphs is to help anybody reading this transition from “thinking in MVC” to “thinking in Redux”. Hope it helps. React-Native and Redux? As soon as you start learning about react-native (or react), you are about 3 stack overflow questions or medium posts away before somebody mentions redux.

You were so happy. You also realize that while before you were able to do: $(“.my-button”).click(); to get a button to do something; it has now been about 3 hours and your one button doesn’t do anything. Some Analogies Actions = Controller. Reducer = Model. Votre première app React Native. Cela fait déjà plus d'un an que Facebook a publié la première version de React Native.

Votre première app React Native

Longtemps considéré comme une expérimentation sympathique (après tout, il est né lors d'un hackathon), un cycle de release soutenu d'une version majeure toutes les 2 semaines a fait qu'aujourd'hui l'écosystème est suffisamment riche et stable pour déployer une app iOS et Android en production. #Quels problèmes avec les solutions hybrides ? Des solutions pour développer une application mobile multiplateforme en JS existent déjà : je pense notamment à Cordova ou à son superset Ionic. Conçu autour d'une webview système (un navigateur embedded - Safari sur iOS, Chrome sur Android) affichée en plein écran, vous utilisez des technologies web classiques : HTML, CSS et JS. Il est possible d'installer des plugins afin d'enrichir le moteur JavaScript avec de nouvelles APIs en plus des APIs navigateur.

#Découverte de l'environnement de dev Fatigués par JavaScript et son tooling un peu trop fourni ? Reactnativeexpress. Exponent. Makeitopen.com - Open Source Learning. A Tour of React Native — Part 1: The Visuals — Infinite Red. A Tour of React Native — Part 1: The Visuals You’re sold on React Native, but how much do you need to learn to build a “normal” app?

A Tour of React Native — Part 1: The Visuals — Infinite Red

This 3-part guided tour will help with that answer. Congratulations! You were cautious. You weighed the pros and cons. ¯\_(ツ)_/¯ How hard is it to actually build something? The goal of this 3-part article is to answer those questions. We’ll slot everything into these 3 categories: Visuals— things you see on the screenLogic — things that make your app workTools — things you use to build your app On to part 1! What’s Inside? React Native has many parts. The pieces like WebView and MapView are immediately recognizable. You’ll also see things like DatePickerIOS, ProgressBarAndroid and SliderIOS.

Other pieces (like View, Text, Image, ScrollView, and ListView) are what you’re going to use the most. Because you’ll use these to… React Native Fundamentals - Lesson Series by @tylermcginnis33. If you're a web developer who has been itching to get into native development, now is your chance.

React Native Fundamentals - Lesson Series by @tylermcginnis33

In this series we'll be talking all about React Native. React Native allows you to build native iOS and Android applications in JavaScript and React.js. Regardless of your experience with React, or even with iOS development, my hope is that this series will be beneficial to everyone who is starting out with React Native. We'll jump straight into developing with React Native by looking first at the ecosystem of building React Native apps - including Xcode, the iPhone simulator, live reload, debugging, and more.

Once we get our ecosystem set up and our hello world example running, we'll jump straight into building a fully functioning iPhone app which utilizes many of the best parts of developing with React Native all while covering React.js and ES6 fundamentals along the way. Routing and Navigation in React Native — The Exponent Log. Navigating from screen to screen is a basic feature of most apps and touches a lot of surface area.

Routing and Navigation in React Native — The Exponent Log

To address some of the needs of real-world apps we built ExNavigator, a component that delegates to the Navigator that React Native includes. It is more opinionated and has the notion of an ExRoute, which defines how each screen looks and behaves. We use ExNavigator in production-quality projects and its development is guided by actual needs. This post explains the ideas that are in ExNavigator and how we use it so you can assess whether it is useful for your project, too. Cohesive Routes A natural way to think of your app is that it is made up of screens.

An ExRoute object brings together the parts of a screen. The key property of ExRoute is that our code for rendering the screen’s content is near the code for rendering its navigation bar buttons and the code for configuring how it transitions. Rendering a Route ExNavigator takes ExRoute objects and tells Navigator what to render. URLs.