JimmyLv_吕立青 JimmyLv

What is React Fiber? And how can I try it out today?

what?

React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team.

why?

Searching bash or zsh history

More often than not, you already typed yesterday the commands you’re about to use today. Wouldn’t it be handy to be able to retrieve the long command instead of typing them yet another time?

Hit Ctrl+R, you’ll see:

(reverse-i-search)`':

How to change your commit messages in Git?

At some point you’ll find yourself in a situation where you need edit a commit message. That commit might already be pushed or not, be the most recent or burried below 10 other commits, but fear not, git has your back 🙂.

Not pushed + most recent commit:

git commit --amend

This will open your $EDITOR and let you change the message. Continue with your usual git push origin master.

用例子讲解 RxJS 5 的 Operators 。

原文链接：RxJS 5 Operators By Example by @btroncone

@kangax's ES6 quiz, explained

@kangax created a new interesting quiz, this time devoted to ES6 (aka ES2015). I found this quiz very interesting and quite hard (made myself 3 mistakes on first pass).

Here we go with the explanations:

Question 1:

(function(x, f = () =&gt; x) {

This is the follow up to a post I wrote recently called From Require.js to Webpack - Party 1 (the why) which was published in my personal blog.

In that post I talked about 3 main reasons for moving from require.js to webpack:

Common JS support
NPM support
a healthy loader/plugin ecosystem.

Here I'll instead talk about some of the technical challenges that we faced during the migration. Despite the clear benefits in developer experience (DX) the setup was fairly difficult and I'd like to cover some of the challanges we faced to make the transition a bit easier.

iOS (with pin, iOS will lookup address too and show that as label)

maps://?q=LAT,LNG

Android, no pin (just open at location)

geo:LAT,LNG


	App({
	/**
	* [request description]
	* @param {[type]} method [description]
	* @param {[type]} url [description]
	* @param {[type]} data [description]
	* @param {[type]} header [description]
	* @return {[type]} [description]
	*/

	/* @flow */

	import React from 'react'

	type QuoteProps = {
	message: string,
	quote: string,
	name: string,
	photoUrl: string,
	photoAlt: string

	public class WebMvcConfig
	extends WebMvcConfigurerAdapter {

	...

	@Override
	public void addInterceptors(InterceptorRegistry registry) {
	registry.addIntercetpro(this.webContentInterceptor());
	super.addInterceptors(registry);
	}