arol

Babel + Typescript in the

1. Install babel (https://babeljs.io/setup#installation)
2. Add typescript (https://blogs.msdn.microsoft.com/typescript/2018/08/27/typescript-and-babel-7/)
3. Change all files from .js extension to .ts.
4. Set up the development process to be babel-node --extensions '.ts,.tsx’ index.ts
5. Install tslint. (https://palantir.github.io/tslint/usage/cli/). Here you have a tslint.json file example:

{
 "extends": "tslint:recommended",

arol

const randomNumber = () => {
  return Math.random();
}

// 1. Make it wait for 1 sec. with `setTimeout`
const timeoutRandomNumber = (cb) => {
  setTimeout(() => {
    cb(null, randomNumber())
  }, 1000);
}

arol

Express and Sequelize

Install

$ mkdir myapp
$ cd myapp
$ npm init #follow instructions - wizard app
$ git init
$ npm i express

arol

// log the `rnd` result in the console using all three async techniques.
// You can only call console.log inside the `main` function.

const randomNumber = () => {
  return Math.random();
}

// 1. Make it wait for 1 sec. with `setTimeout` and log it on main function
const timeoutRandomNumber = () => {
  

arol

React

Install

The easiest way to create a react application is using the create-react-app package. Install it globally in your machine running

$ npm i -g create-react-app

arol

Express

Install

$ mkdir myapp
$ cd myapp
$ npm init #follow instructions - wizard app
$ git init
$ npm i express

arol

#
# This file is the main config file for your service.
# It's very minimal at this point and uses default values.
# You can always add more config options for more control.
# We've included some commented out config examples here.
# Just uncomment any of them to get that config option.
#
# For full config options, check the docs:
#    docs.serverless.com
#

arol

// Add custom timing as a bezier curve
[animation setTimingFunction:[CAMediaTimingFunction functionWithControlPoints:.34 :.01 :.69 :1.37]];

arol

// Add a ease in&out timing function on the animation
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

arol

// Create a basic animation changing the transform.scale value
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];

// Set the initial and the final values
[animation setFromValue:[NSNumber numberWithFloat:1.5f]];
[animation setToValue:[NSNumber numberWithFloat:1.f]];

// Set duration
[animation setDuration:0.5f];