Thursday, August 24, 2017

React Native Installation Notes

Our goal is to complete a small React Native app by the end of the day. We will use Facebook's react-native-cli speed up our development. In this workshop, we will only build Android apps, but all of our code is iOS compatible.

Install Chrome
Debugging React Native can be challenging. The built-in developer tools allow us to debug remotely via Chrome; this is a huge time saver. Install Chrome at:
https://www.google.com/chrome/browser/desktop/index.html

Install Git
The latest version of Git is 2.14.1. If have it already, but your version is older than 2.6, please update it. Git is free.
http://git-scm.com/downloads

Install React Native
Facebook has written complete installation notes. Be sure to select "Building Project with Native Code," Android and your development OS.

https://facebook.github.io/react-native/docs/getting-started.html

Be sure to follow all of the installation notes including building a virtual device aka simulator. We will need a simulator to run our apps in the workshop. 

React Workshop Installation Notes

Our goal is to deploy a React app to Heroku by the end of the day. We will use Facebook's create-react-app tool to create the skeleton of our app. It should only take about 30 minutes to install everything below.

Install a web development IDE
For the workshop, I will be doing everything in WebStorm. You can use any IDE you are comfortable using for web development. WebStorm is a paid application, but it has a 30-day free trial version available.
https://www.jetbrains.com/webstorm/download/

There are other excellent IDEs available, some for free, including Atom, Bracket, and VS Code. Whichever editor you choose, please be sure you know how to use it.

Install Chrome
React is compatible with every modern browser, but Chrome is the best choice for development. In addition to its excellent developer tools, Chrome has two awesome extensions: React Developer Tools and 
Redux DevTools. Install Chrome at:
https://www.google.com/chrome/browser/desktop/index.html

Then install React Developer Tools and Redux DevTools via the Chrome Web Store.

Install Git
The latest version of Git is 2.14.1. If have it already, but your version is older than 2.6, please update it. Git is free.
http://git-scm.com/downloads

Install Node.js
We need node.js installed on our development machines. If you have a version older than 6.9.4, please upgrade. I will be using node version 7.9.0. I would advise not to use the latest version which is 8.4.0 unless you know what you are doing. 
https://nodejs.org/en/download/

BTW: We have a Node Workshop on October 21st and 22nd. We'll build a website, an API, an AWS Microservice and discuss all of the great new features in Node 8. Be sure to sign up before it fills up.
https://www.meetup.com/code-district/events/242475278/


Upgrade npm
NPM comes with node.js but the version installed is usually out of date with the current release. Please update it by entering the following command in the terminal:
npm install npm -g

Create React App
Facebook has an excellent tool for beginner React developers, create-react-app. It is a CLI which creates a complete React skeleton app. Install it with npm:
npm i -g create-react-app

Heroku
We will deploy our finished app to Heroku, a cloud-based hosting platform. Developer accounts are free. Please sign up now. If you already have an account, please be sure to have at least one free application slot for the workshop.
https://www.heroku.com/home

Tuesday, April 11, 2017

Angular Application Testing Installation Notes

To maximize our time together learning to test Angular applications, please take care of the following before the workshop. The total time to install the software should be less than 30 minutes. If you have questions, please contact me via email: rockncoder@gmail.com.


  1. Install a web development IDE
    1. For the workshop, I will be doing everything in WebStorm. If you are accustomed to a different IDE for web development, you may use it, but please know how to use it. I, unfortunately, won't be able to give you much advice on using any of IDEs there are available. WebStorm is a paid application but has a 30-day free trial version available.
  2. Install Git
    1. We will be using Git Bundles for the workshop. They will allow us to advance through the course together and recover from hard to find coding bugs. The latest version is 2.11.0. If have it already, but your version is older than 2.6, please update it.
    2. Git is free.
  3. Install Node.js
    1. We need node.js installed on our development machines. If you have a version older than 7.0.0, please upgrade. I will be using node version 7.7.0.
  4. Upgrade npm
    1. NPM comes with node.js but the version installed is usually out of date with the current release. I will be using version 4.1.2. Please update it by entering the following command in the terminal:
    2. npm install npm -g
  5. The Angular CLI
    1. The angular core team created the Angular CLI to make it easier to build, test, and maintain angular projects. It is installed with npm. You must use at version 1.0.0. Please don't use any beta version they will not have the features I will be using.
    2. npm install -g  @angular/cli

The code and slides won't be finished until the morning of the class but I've listed their URLs below.The slides are at: https://www.slideshare.net/rockncoder/angular-application-testing

The code at: https://github.com/Rockncoder/gh-stars-testing
The repo is at: https://github.com/Rockncoder/gh-stars-testing.git