Getting started with React Native

  • React Native helps you to build apps that no one would ever tell you that you did not use a custom native language such as JAVA or Swift or Objective C. React Native gives you that extra feel.
  • Create React Native App is the easiest way to start building a new React Native application.
  • It allows you to start a project without installing or configuring any tools to build native code – no Xcode or Android Studio installation required.
  • Do a change of directory to the location where you installed the React Native App.
  • NOTE: Create React Native App makes it really easy to run your React Native app on a physical device without setting up a development environment.

Getting to know React Native
Continue reading “Getting started with React Native”

Use ESLint Like a Pro with ES6 and React – Zsolt Nagy

Use ESLint like a pro with ES6 and #ReactJS:

  • The file .eslintrc is a JSON file responsible for configuring your individual linting rules.
  • Each import would result in a linting error.
  • Using the “translate_tabs_to_spaces” key neutralizes the default linting rule “no-mixed-spaces-and-tabs” .
  • As our code is guarded by linting rules, we are guaranteed to produce consistent code, increasing maintainability.
  • The site uses cookies More info

ESLint helps us catch mistakes by enforcing consistent standards and best practices. As our code is guarded by linting rules, we are guaranteed to produce consistent code, increasing maintainability.
Continue reading “Use ESLint Like a Pro with ES6 and React – Zsolt Nagy”

Getting Started #

Getting Started  #reactnative

  • Click “Apply” to download and install the Android SDK and related build tools.
  • Android Studio installs the most recent Android SDK by default.
  • 1. Download and install Android Studio #
  • react – native init AwesomeProject cd AwesomeProject react – native run – android
  • If you’ve already installed Android Studio before, you can still install HAXM without performing a custom installation.

Welcome to React Native! This page will help you install React Native on
your system, so that you can build apps with it right away. If you already
have React Native installed, you can skip ahead to the
Tutorial.
Continue reading “Getting Started #”

0.36: Headless JS, the Keyboard API, & more

  • Working with the on-screen keyboard is now easier with Keyboard .
  • import { Keyboard } from ‘react-native’ // Hide that keyboard!
  • There are some cases where an animated value needs to invert another animated value for calculation.
  • With version 0.36, combining two animated values via division is now possible.
  • b will then follow a ‘s spring animation and produce the value of 1 / a .

Headless JS is a way to run tasks in JavaScript while your app is in the background. It can be used, for example, to sync fresh data, handle push notifications, or play music. It is only available on Android, for now.
Continue reading “0.36: Headless JS, the Keyboard API, & more”

Javascript Tutorial: How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify – Javascript Jedi Padawan

  • We fire the ” appBundle ” function so that it first transforms the JSX and ES6 (i.e. ES2015) and later bundle everything together in ” bundle.js “. If you deploy with gulp deploy in your terminal, ALL your js files will be bundled to “bundle.js” including the libraries.
  • There’s gulp plugins out there that you can use to help you bust compiled files.
  • We also load the two javascript files: vendors.js and bundle.js.
  • You see we are using ES6 in these files.
  • Create a file called “index.html” on the root of your folder.

Read the full article, click here.


@LuisMDeveloper: “”How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify” #ReactJS”


Tutorial that teaches you how to set up gulp for developing Javascript 2015 (or ES6) react applications with browserify and babelify.


Javascript Tutorial: How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify – Javascript Jedi Padawan