| function fillParamsIntoPath (path, ...params) { | |
| let i = -1; | |
| return path.replace(/\/\:\w{1,}/ig, () => { | |
| i += 1; | |
| return `\/${params[i]}`; | |
| }); | |
| } | |
| console.log(fillParamsIntoPath('https://localhost:3000/api/members/:id', 1)); | |
| console.log(fillParamsIntoPath('/api/members/:member_id/friends/:friend_id', 1, 2)); |
| /* global document, gapi, Promise */ | |
| import React, { PureComponent } from 'react'; | |
| class App extends PureComponent { | |
| constructor(props) { | |
| super(props); | |
| this.state = { gapiReady: false, values: {} }; | |
| } | |
| initGoogleAPI = () => { |
| const mouseDownEvent = document.createEvent('MouseEvents'); | |
| mouseDownEvent.initEvent('mousedown', true, true); | |
| let activeSquares = []; | |
| function obsRoot() { | |
| const root = document.getElementsByClassName('squares')[0]; | |
| const rootObserver = new MutationObserver((mutations) => mutations.map(mutation => { | |
| obsSquares(); | |
| })); |
In the present, web services almost build based on microservice architecture, separate front end node app and back end api, this will cause cors issue while developing and distributing production, that's go through some basic solution for dealing with cors.
By default json-server is launch with cors enabled, so directly fetch data from API server.
Jest cheat sheet
https://github.com/sapegin/jest-cheat-sheet
Access component method
wrapper.instance().componentMethod
| // modules are defined as an array | |
| // [ module function, map of requires ] | |
| // | |
| // map of requires is short require name -> numeric require | |
| // | |
| // anything defined in a previous bundle is accessed via the | |
| // orig method which is the require for previous bundles | |
| // eslint-disable-next-line no-global-assign | |
| require = (function (modules, cache, entry) { |
| (function (global, factory) { | |
| typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) : | |
| typeof define === 'function' && define.amd ? define(['react'], factory) : | |
| (global.ReactDOM = factory(global.React)); | |
| }(this, (function (React) { |
| // dependencies | |
| var async = require('async'); | |
| var path = require('path'); | |
| var AWS = require('aws-sdk'); | |
| var gm = require('gm').subClass({ | |
| imageMagick: true | |
| }); | |
| var util = require('util'); | |
| var LambdaWatermark = require('lambda-watermark'); |
| (function webpackUniversalModuleDefinition(root, factory) { | |
| if (typeof exports === 'object' && typeof module === 'object') // CommonJS(2) | |
| module.exports = factory(require(__require_module__)); | |
| else if (typeof define === 'function' && define.amd) // AMD | |
| define([__require_module__], factory); | |
| else if (typeof exports === 'object') // CommonJS(1) | |
| exports[__module_name__] = factory(require(__require_module__)); | |
| else // Global Variable | |
| root[__module_name__] = factory(root[__require_module__]); | |
| })(typeof self !== 'undefined' ? self : this, function() { |