Universal JavaScript with React, Node and Redux

A Packt Publishing Video Series

By Maxime Najim

Video Contents

Video Description

The latest trend in web development, Universal JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications.

This beginner friendly video course is a solid start for building real, production ready universal React apps. The video will Takes you from a beginner to working with node.js and React on the server and the client. It covers the fundamentals of the full set of technologies that you need to know in order to become an Universal JavaScript developer. Teaches you the skills required to become competent and comfortable sharing your JavaScript application on the client and sever environments.

About the Author

Maxime Najim is a software architect and full stack web developer. He has been building web applications for over a decade and has worked on software engineering teams at Netflix, Apple, and Yahoo! Maxime is co-author of the O'Reilly Media book entitled "Building Isomorphic JavaScript Apps". He is currently a Sr. Software Architect focused on designing and implementing new systems and frameworks for the Walmart eCommerce team.

Syntax error export serverMiddleware from './Router.js';

Hi I ran 'npm install' and 'npm start' but got an syntax error for exporting functions.

I didn't modify any code, anyone knows what's going on???
It seems like propblem with babel? But the import in the first line is fine, it's weird.

Here is the errer message:

192-168-1-4:05_react_redux_server junwenchen$ npm start

[email protected] start /Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server
node server/index.js

/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babel-core/lib/transformation/file/index.js:590
throw err;
^

SyntaxError: /Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/client/index.js: Unexpected token, expected { (2:7)
1 | import 'isomorphic-fetch';

2 | export serverMiddleware from './Router.js';
| ^
3 |
4 | if (module.hot) {
5 | module.hot.accept();
at Parser.pp$5.raise (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:4454:13)
at Parser.pp.unexpected (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:1761:8)
at Parser.pp.expect (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:1749:33)
at Parser.pp$1.parseExportSpecifiers (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:2830:8)
at Parser.pp$1.parseExport (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:2658:28)
at Parser.pp$1.parseStatement (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:1884:74)
at Parser.pp$1.parseBlockBody (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:2268:21)
at Parser.pp$1.parseTopLevel (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:1778:8)
at Parser.parse (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:1673:17)
at parse (/Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/node_modules/babylon/lib/index.js:7305:37)

npm ERR! Darwin 16.7.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v6.10.2
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: node server/index.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'node server/index.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the universal-react package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node server/index.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs universal-react
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls universal-react
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/junwenchen/Downloads/Universal-JavaScript-with-React-Node-and-Redux-master/05_react_redux_server/npm-debug.log

maximenajim / universal-javascript-with-react-node-and-redux Goto Github PK