Live data from Hacker News

WalmartLabs open sources the application platform that powers Walmart.com

techcrunch.com

11–20 of 77 posts

Re: WalmartLabs open sources the application platform that powers Walmart.com

#11
post #3

http://www.electrode.io/index.html > "Electrode is a platform for building universal React/Node.js applications with standardized structure, best practices, and modern technologies baked in. Electrode focuses on performance, component reusability, and simple deployment to multiple cloud providers—so you can focus on what makes your app unique." Sounds like the missing piece of the puzzle everyone's been waiting for?

Isn't this what Rails did/does?

Re: WalmartLabs open sources the application platform that powers Walmart.com

#13

I use Hapi.JS everyday and it's a bliss. Will check this out.

(Seems Hapi.js is built in?)

http://www.electrode.io/docs/what_is_electrode.html#features

Electrode Boilerplate comes fully loaded with the best technologies available:

    • React is an awesome JavaScript library for building user interfaces, created by Facebook.

    • Redux a predictable state container for JavaScript apps. #game-changer.

    • React Router is a powerful routing library built on top of React.

    • CSS Modules a CSS file in which all class names and animation names are scoped locally by default. Fixes the problem of the global scope in CSS. #winning

    • Universal rendering built in.

    • Webpack a powerful module bundler.

    • Webpack Isomorphic Loader a powerful tool that makes NodeJS require understand files such as images for SSR.

    • Babel transpiles ES6 + 7.

    • ESLint a pluggable linting utility for Javascript.

    • Mocha a feature-rich Javascript testing framework.

    • Enzyme a Javascript testing utility for React, created by airbnb.

    • TravisCI a continuous integration service to build and test software projects.

    • Gulp a Javascript build tool that lets us automate tasks.

    • Yeoman a Scaffolding tool for modern webapps.

    • History a Javascript library for managing session history.

    • Bluebird a great Javascript promise library.

    • Electrode Confippet Confippet is a versatile and flexible utility for managing configurations of Node.js applications.

    • Electrode JWT CSRF Cross-Site Request Forgery (CSRF) protection with JWT.

    • Electrode-Redux-Router-Engine An Electrode routing and rendering engine using react-router and redux.

    • Component Caching Optimize React SSR with profiling and component caching.

    • Electrode-Server A configurable web server using Hapi.js on top of Node.js.

    • Electrify Tool for analyzing the module tree of webpack projects.

    • Electrode-Docgen A custom metadata extractor for the Electrode framework, automates component documentation.

Re: WalmartLabs open sources the application platform that powers Walmart.com

#14
post #3

http://www.electrode.io/index.html > "Electrode is a platform for building universal React/Node.js applications with standardized structure, best practices, and modern technologies baked in. Electrode focuses on performance, component reusability, and simple deployment to multiple cloud providers—so you can focus on what makes your app unique." Sounds like the missing piece of the puzzle everyone's been waiting for?

The complexity isn't likely completely free.. but could be incredibly useful for a lot of universal rendering scenarios... the above the fold content loading, and the component render caching server-side is particularly interesting.

Now if Walmart.com just didn't look quite so hideous... but that's another issue...

The tech stack for electrode is definitely interesting, and looking forward to playing around with it.

Re: WalmartLabs open sources the application platform that powers Walmart.com

#15
post #3

http://www.electrode.io/index.html > "Electrode is a platform for building universal React/Node.js applications with standardized structure, best practices, and modern technologies baked in. Electrode focuses on performance, component reusability, and simple deployment to multiple cloud providers—so you can focus on what makes your app unique." Sounds like the missing piece of the puzzle everyone's been waiting for?

Isn't this what Rails did/does?

Rails will load the above the fold content and render server-side, while allowing the rest to render client-side, do component level render caching on the server, and allow for client and server rendering with one codebase?

Re: WalmartLabs open sources the application platform that powers Walmart.com

#16

I have tried on multiple occasions to get started with react and every time the large amount of setup prevents me from getting anywhere useful. After looking over the docs I am somewhat hopeful that this might bridge the gap.

Hope you find the docs useful. We try to walk through building an app together.

We are working on breaking down everything inside our app for people who are starting off can get a jumping start, but than read through everything that's inside the app to understand better what's happening underneath the hood (such as, what's in the webpack config).

Re: WalmartLabs open sources the application platform that powers Walmart.com

#17

I use Hapi.JS everyday and it's a bliss. Will check this out.

Yup, we are big fans of Hapi.js and that's what we use internally for walmart.com, but one of our goals in October is to disconnect the tieing of Electrode and Hapi.js - that way you can use whatever web framework you want with Electrode. Internally, we will continue to use Hapi though.

Re: WalmartLabs open sources the application platform that powers Walmart.com

#18

I use Hapi.JS everyday and it's a bliss. Will check this out.

(Seems Hapi.js is built in?) http://www.electrode.io/docs/what_is_electrode.html#features Electrode Boilerplate comes fully loaded with the best technologies available: • React is an awesome JavaScript library for building user interfaces, created by Facebook. • Redux a predictable state container for JavaScript apps. #game-changer. • React Router is a powerful routing library built on top of React. • CSS Modules a C…

That is correct, but please take a look at my other comment that explains where we are going with the hard tie to Hapi.

Re: WalmartLabs open sources the application platform that powers Walmart.com

#20
post #3

http://www.electrode.io/index.html > "Electrode is a platform for building universal React/Node.js applications with standardized structure, best practices, and modern technologies baked in. Electrode focuses on performance, component reusability, and simple deployment to multiple cloud providers—so you can focus on what makes your app unique." Sounds like the missing piece of the puzzle everyone's been waiting for?

The complexity isn't likely completely free.. but could be incredibly useful for a lot of universal rendering scenarios... the above the fold content loading, and the component render caching server-side is particularly interesting. Now if Walmart.com just didn't look quite so hideous... but that's another issue... The tech stack for electrode is definitely interesting, and looking forward to playing around with it.

I hope you like it! I personally think that the above the fold content, server side caching, and redux-router-engine will make a positive impact on the server side rendering react community. We saw HUGE gains in performance using these.

We are working on a blog post that goes through the performance numbers we saw on the live site.

I also think Electrode Explorer will be popular for bigger companies that have many components.

http://www.electrode.io/docs/electrode_explorer.html

P.S. I'm from the Electrode team.

Post reply on HN