Eu não vi essa sintaxe antes e estou me perguntando do que se trata.

var { Navigation } = require('react-router');

Os colchetes à esquerda estão gerando um erro de sintaxe:

token inesperado {

Não tenho certeza de qual parte da configuração do webpack está se transformando ou qual é o propósito da sintaxe. É uma coisa do Harmony? Alguém pode me esclarecer?

É chamado de atribuição de desestruturação e faz parte do padrão ES2015 .

A sintaxe de atribuição de desestruturação é uma expressão JavaScript que torna possível extrair dados de matrizes ou objetos usando uma sintaxe que espelha a construção de literais de matriz e objeto.

Fonte: Referência de atribuição de desestruturação no MDN

Desestruturação de objetos

 var o = {p: 42, q: true};
 var {p, q} = o;

 console.log(p); // 42
 console.log(q); // true 

 // Assign new variable names
 var {p: foo, q: bar} = o;

 console.log(foo); // 42
 console.log(bar); // true

Array desestruturando

var foo = ["one", "two", "three"];

// without destructuring
var one   = foo[0];
var two   = foo[1];
var three = foo[2];

// with destructuring
var [one, two, three] = foo;

Esta é uma tarefa de desestruturação . É um novo recurso do ECMAScript 2015.

var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;

É o equivalente a:

var AppRegistry = React.AppRegistry;
var StyleSheet = React.StyleSheet;
var Text = React.Text;
var View = React.View;

var { Navigation } = require('react-router');

... usa a desestruturação para conseguir o mesmo que ...

var Navigation = require('react-router').Navigation;

... mas é muito mais legível.

É um novo recurso do ES6 para desestruturar objetos.

Como todos sabemos que há uma operação de atribuição ocorrendo aqui, o que significa que o valor do lado direito está sendo atribuído à variável do lado esquerdo.

var { Navigation } = require('react-router');

Neste caso, o require('react-router')método retorna um objeto com um par de valores-chave, algo como

{ Navigation: function a(){}, Example1: function b(){}, Example2: function c(){} }.

E se quisermos pegar uma chave nesse objeto retornado, digamos Navigationpara uma variável, podemos usar a destruição de objetos para isso.

Isso só será possível se tivermos a chave em mãos.

Portanto, após a instrução de atribuição, a variável local Navigationconteráfunction a(){}

Outro exemplo se parece com este.

var { p, q } = { p: 1, q:2, r:3, s:4 };
console.log(p) //1;
console.log(q) //2;