Say “Hello world” using React Native in Linux – Code Like A Girl

Say “Hello world” using React Native in Linux

  • Say “Hello world” using React Native in LinuxStart the journey of developing native apps now.Hi everyone.So far I’m beginning to learn React Native and I’m very happy to share my way of starting out.Some background about me : I am 20 years old, a third year Computer Science student, and currently working as…
  • Install the React Native CLI.You may install this using the following command : npm install -g react-native-cli3.
  • Create a new React Native project.To start a new project, type the following command : react-native init project name4.
  • Run the react native appRun and build the app using the following command:for android : react-native run-androidAfter successful build, the following will appear on your mobile phone :Welcome message of a new React Native AppCongrats!
  • ^_^ConclusionReact native makes mobile development fun and easy by enabling developers to use the same JS codebase for building both android and ios native apps.I’m really looking forward to building my own mobile apps using React native soon.

This tutorial will focus on setting up your react native development environment on Linux as well as running your “Hello World” app in your mobile android device. We will build our application in a…
Continue reading “Say “Hello world” using React Native in Linux – Code Like A Girl”

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”

React Native Fiber — a starter kit focused on animations

  • React Native Fiber — a starter kit focused on animationsFiber is an iOS and Android React Native theme heavily focused on animations.
  • Inspired by Fiber from Framer.I’m a strong believer that premium starter kits written in React Native are the fastest way to bootstrap a new project that works on both iOS and Android.
  • Next, I really wanted to provide a kit that is heavily focused on React Native animations and implemented: Fiber.
  • This new starter kit is the implementation of the Fiber UI kit from Framer.Fiber has been written using es6 and flow annotations for type checking.
  • The visual design can easily be customized and all aspects of the app are implemented: from navigation to data management.

I’m a strong believer that premium starter kits written in React Native are the fastest way to bootstrap a new project that works on both iOS and Android. And I’ve always been looking to implement a…
Continue reading “React Native Fiber — a starter kit focused on animations”

The 14-Point Checklist Every React Native Developer Needs In Their Toolkit

The 14-Point Checklist Every #reactnative Developer Needs In Their Toolkit

  • React Native has caught a lot of hype recently, yet the ecosystem still sort of a wild-west when it comes to tooling decisions (as with all things JavaScript).
  • If you’re just getting started with RN, or you are experienced and are about to start a new project, here are the tools I recommend that you add to your React Native repertoire: – – Thanks for checking out this article!

Supercharge your RN development with these tools!
Continue reading “The 14-Point Checklist Every React Native Developer Needs In Their Toolkit”

Setup React with webpack 3, babel and NPM – Jakob Lind

How to setup React with webpack 3, babel and NPM  #reactjs #javascript

  • To get started with React you have to learn and configure NPM, webpack, babel AND React.
  • You have probably heard of create-react-app (CRA) which is an official tool to start a new React project.
  • Next, we are going to create our minimal React app and HTML file.
  • Our webpack config file looks like this: – – It contains the following: – – Babel is a highly configurable tool to transpile JavaScript.
  • Our webpack config uses babel-loader to run babel which uses the regular babel config file.

A few years ago jQuery was the best practice for Javascript/frontend development. Getting started with jQuery was as simple as creating an index.html document, include jQuery and start writing code.
Continue reading “Setup React with webpack 3, babel and NPM – Jakob Lind”

The 14-Point Checklist Every React Native Developer Needs In Their Toolkit

  • React Native has caught a lot of hype recently, yet the ecosystem still sort of a wild-west when it comes to tooling decisions (as with all things JavaScript).
  • If you’re just getting started with RN, or you are experienced and are about to start a new project, here are the tools I recommend that you add to your React Native repertoire:

    Thanks for checking out this article!

Supercharge your RN development with these tools!
Continue reading “The 14-Point Checklist Every React Native Developer Needs In Their Toolkit”

Day 6: Listening to @CodePen podcast on #reactjs #javascript #100DaysOfCode

  • Media Temple is a web hosting company.
  • Even if you’ve heard of them, perhaps you didn’t know of a few specific types of hosting they offer.
  • One of those is that they’ll host you on Amazon Web Services.
  • If you know you need AWS and it’s unique offerings, Media Temple will be your white-glove concierge.
  • Not only that, they have an even more specific package of hosting WordPress on AWS, which is the most high performance possible setup for any WordPress site.

We’re talking about a new project we’re working on and how we decided to jump in and use React to build it. Rachel, Alex, Tim Holman, and Chris get together to share their path of learning about React.
Continue reading “Day 6: Listening to @CodePen podcast on #reactjs
#javascript #100DaysOfCode”