xiaoyunyang

Flow to TypeScript Migration

Helpful Migration Guides:

• Migrating a Babel Project to TypeScript

Phase 1: Configure Project to use TypeScript

Delete Flow-related files

PedDeepa

hamatoyogi

export default class Article extends Component {


  // notice that it's an async function
  static async getInitialProps () {
    
  // fetch data on the server and parse it to JSON
  const res = await
  fetch('http://localhost:3000/wp-json/wp/v2/articles/1316999');
  const json = await res.json();

JordanDDisch

const fetch = require('node-fetch')
const crypto = require('crypto')
const path = require('path')
const fs = require('fs');
const _ = require('lodash');

exports.sourceNodes = async ({ actions }) => {
  const { createNode } = actions

  const createProduct = (var1, var2) => {

parkerproject

var Promise = require('bluebird');
var sinon = require('sinon');
var User = require('./db/models').User;

describe('User model', function(){
  var userFindStub;
  var sandbox;
  
  before(function(){
    sandbox = sinon.sandbox.create();

javilobo8

axios({
  url: 'http://localhost:5000/static/example.pdf',
  method: 'GET',
  responseType: 'blob', // important
}).then((response) => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'file.pdf');
  document.body.appendChild(link);

zcaceres

Handling Errors

Express.js makes it a breeze to handle errors in your routes.

Express lets you centralizes your error-handling through middleware.

Let's look at patterns for how to get the most out of your error-handling.

First, our error-handling middleware looks like this:

mpaleo

import RNFS from 'react-native-fs';

module.exports = {
    read: (source) =>
    {
        return RNFS.exists(source).then((fileExists) =>
        {
            if (fileExists)
            {
                return RNFS.readFile(source).then((data) => JSON.parse(data));

rondy

FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.

---

Effective Engineer - Notes

• By Edmond Lau
• Highly Recommended 👍
• http://www.theeffectiveengineer.com/

What's an Effective Engineer?

msmfsd

// Async/Await requirements: Latest Chrome/FF browser or Babel: https://babeljs.io/docs/plugins/transform-async-to-generator/
// Fetch requirements: Latest Chrome/FF browser or Github fetch polyfill: https://github.com/github/fetch

// async function
async function fetchAsync () {
  // await response of fetch call
  let response = await fetch('https://api.github.com');
  // only proceed once promise is resolved
  let data = await response.json();
  // only proceed once second promise is resolved