Building Mobile Applications with React Native. A brief introduction.

Building Mobile Applications with #reactnative. A brief introduction.

  • If you open your App.js you’ll encounter something along the lines of: – Components are the core of React Native, every visual element of your app is a component.
  • This styling cheat sheet is very handy when you’re getting started to check on what properties are available when styling components, but for a complete description the go to place is the online React Native documentation.
  • There are many basic elements that React Native provides as starting points and building blocks for our components: Views, ScrollViews, Text, TextInput, Touchable components that respond to touch input, Image, etc… As your UI starts growing and you have the need to add more and more Native components you’ll start…
  • Props and State – These are important concepts that will bring functionality, customisation and the ability to reuse components throughout your application.
  • We’ve created a new component that makes use of props and state to render a few text elements to the screen of our app’s.

The number of mobile devices is estimated to cross the 5 billion [1] mark between 2018 and 2019. This is pushing the mobile application development market forward, with the ever increasing demand for…
Continue reading “Building Mobile Applications with React Native. A brief introduction.”

How to build a React Native Android bridge? – BoTree Technologies

How to build a #reactnative Android bridge?

  • Requirements to build Package for ReactNative – Android StudioReact-Native CliNodeWe are creating a bridge/package for React Native to access Toast (From Android Native) using JavaScript.
  • Android directory will contains the all java/native code.index.js file is our entry point for package as we have mention in package.json file also this file create the bridge between the Javascript and Android.Once the basic directory is setup now we have to setup the android to write java/native code create…
  • Index.js – This file is used to wrap the native module in a JavaScript module.
  • Simply add the your package directory name into the React Native Project’s package.json file and path of the your Package and run the following command to use into your project.
  • npm installreact-native linkreact-native link command will link the your package into the your project and your ready to access the toast from javascript.

When using React Native to write mobile apps, JavaScript is the primary programming language. However, sometimes, you may want to call a platform API that is not supported by existing React Native…
Continue reading “How to build a React Native Android bridge? – BoTree Technologies”

5 Examples of React Native Applications Build on Open-Source APIs #javascriptEverywhere

5 Examples of #reactnative Applications Build on Open-Source APIs #javascriptEverywhere

  • Unofficial Gitter Application (source code)This unofficial application uses the Gitter API from Github, and was created by the people from Apiko.
  • It uses React Native in combination with Redux and React Navigation, making it a very stable application.
  • Definitely check out their source code if you are working on a (social media) platform using React Native.

Earlier I wrote a Medium post showing 5 projects that were build on top of Open-Source APIs using React. In this post I will continue showing you promising projects that use Open-Source APIs, this…
Continue reading “5 Examples of React Native Applications Build on Open-Source APIs #javascriptEverywhere”

The Complete React Native and Redux Course

Learn: The Complete React Native and Redux Course

>> 

#reactjs #ReactNative #React

  • This quick feedback loop, along with excellent cross platform support, is what has catapulted React Native to the top must-have skill for Javascript engineers.
  • This course is for anyone looking to make native apps with React Native – – “Explains everything clearly, doesn’t skip over stuff.
  • I highly recommend any React/Redux/React Native course from Stephen.”
  • Read more great reviews about Stephen Grider’s The Complete React Native and Redux Course?
  • This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

Continue reading “The Complete React Native and Redux Course”

Continuous Integration for React Native

#Continuousintegration & #reactnative. Match made in heaven!

  • This guide is for you if… – – We will show you how to setup Continuous Integration for React Native builds in just a few clicks using Nevercode.
  • When the scanning completes you’ll be presented with three options: – – The Project selection here means a directory in your repository where your React Native configuration file is stored.
  • Nevercode installs the dependencies listed out in your project’s file automatically using Yarn package manager right after your repository is cloned for building.
  • Signing React Native applications in Nevercode is done just like it is with native Android and iOS applications.
  • With support for React Native, iOS, Android, Cordova and Ionic, Nevercode is truly a mobile developer’s choice to release defect-free mobile apps faster.

One tool to build them all
Continue reading “Continuous Integration for React Native”

Top 3 React Native Courses By Stephen Grider (React Native)

Top 3 #reactnative Courses By Stephen Grider (#reactnative)  #redux

  • Check out our top three courses for learning React Native courses by Stephen Grider.
  • This course is for anyone looking to make native apps with React Native – – “Explains everything clearly, doesn’t skip over stuff.
  • Want to read more amazing reviews about Stephen Grider’s The Complete React Native and Redux Course?
  • Yes, click here to read more reviews… – – Description: Master the fundamentals of React and Redux with this tutorial as you develop apps with React Router, Webpack, and ES6 – – Ratings: 4.7 (28,056 ratings) – – Students: 93,804 students enrolled – – Instructor: Stephen Grider – – -…
  • Want to read more amazing reviews about Stephen Grider’s React Native: Advanced Concepts?

Continue reading “Top 3 React Native Courses By Stephen Grider (React Native)”

Announcing ReForm: Making forms sound good again with ReasonReact

Announcing ReForm: Making forms sound good again with ReasonReact

☞ 

#Reactjs #javascript

  • Announcing ReForm: Making forms sound good again with ReasonReactReForm short demo, check the source out at are really complex beasts and can scale to total chaos really quickly if you don’t know how to manage all those field states and validations altogether.
  • The nicest solution in React world is to lift the state of the form to some other component, which will take care, protect and give love to your form state.
  • In ReactJS there is a nice amount of solutions for dealing with form data management (Formik, Redux Forms, etc).
  • One of the first things I wanted to try to unleash the power of Reason’s type system was in forms, that’s why we developed ReForm.
  • ReForm still on its early stages and certainly still there is a lot to improve from community suggestions, but we are already loving to deal with its thin API using it for both web and native worlds with React Native.

Forms are really complex beasts and can scale to total chaos really quickly if you don’t know how to manage all those field states and validations altogether. The nicest solution in React world is to…
Continue reading “Announcing ReForm: Making forms sound good again with ReasonReact”