kennetpostigo

First couple things I thought about when migrating after reading the docs

So migrating my existing app wasn't as troublesome as I originally thought. First thing I did was take a look at my router and routes and figure try to make a mental model of all the files where I had nested routes in the existing app because those components/containers will contain {this.props.children}. So I need to replace those with the nested <Match /> components.

So just to give an example:

In v2:

<Router history={history}>
  <Route path="/" component={App}>

kennetpostigo

type worker = {
  name: string,
  age: int,
};

type workStatus =
  | Unemployed(worker)
  | Fulltime(worker)
  | Parttime(worker);

kennetpostigo

/* link to playground: https://bit.ly/2uCBISK */
module type Animal = {
  type t = string;
  let make: (string) => t;
  let sprint: (t) => string;
};

module Animal: Animal = {
  type t = string;
  let make = (name) => name;

kennetpostigo

/* link to playground: https://bit.ly/2uP4SgO */
module type Animal = {
  type t;
  let make: (string) => t;
  let sprint: (t) => string;
};

module Animal: Animal = {
  type t = string;
  let make = (name) => name;

kennetpostigo

type binarySearchTree('a) =
  | Empty
  | Node(node('a))
and node('a) = {
  value: 'a,
  left: binarySearchTree('a),
  right: binarySearchTree('a),
};

let compare = (f, s) =>

kennetpostigo

/* pet is called a type constructor. Dog, Cat, and
   Hamster are called value constructors or tags*/
type pet =
  | Dog
  | Cat
  | Hamster;

/* myPet is of type pet */
let myPet = Dog;

kennetpostigo

/* waddup annotated as a string */
let waddup: string = "waddup fam?!?!";

/* greeting annotated as a function that takes a string and returns string */
let greeting: string => string = name => "Hey " ++ name ++ "!";

/* Type constructor for a function that takes a string and returns unit */
type nonPureGreeting = string => unit;

/* printGreet annotated as nonPureGreeting*/

kennetpostigo

type pets =
| Dog(string)
| Cat(string)
| Hamster(string);

let myPet = Dog("Buddy");

switch (myPet) {
| Dog(name) => "I have a Dog " ++ name ++ "!" 
| Cat(name) => "I have a Cat " ++ name ++ "!" 

kennetpostigo

/* Typical pattern matching with a switch */
switch (expression) {
| pattern1 => expression1
| pattern2 => expression2
| ...
| patternN => expressionN
};

/* Typical destructuring for tuple*/
let (x, y) = tupleOfXY;

kennetpostigo

type dog = {
  name: string,
  breed: string,
  age: int
};

let myFirstDog = {
  name: "Bubbly",
  breed: "Poodle",
  age: 3