Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
80 million monthly visitors, loads up to 10,000 requests per second, and 15 million items, adding more than one million new items each month is what Walmart.com’s scale is all about. With an e-commerce business that holds the number two online retailer spot in the U.S., we needed not just to scale Walmart.com, but to really leverage the talent and creativity of our engineering base. 
No comment yet.
Sign up to comment
Scoop.it!
From
mern
MERN is a scaffolding tool which makes it easy to build isomorphic apps using Mongo, Express, React and NodeJS. It minimizes the setup time and gets you up to speed using proven technologies.
Scoop.it!
With the proliferation of more and more of the web being driven by JavaScript, The speed of the browser DOM is becoming increasingly noticeable. Lots of sites being driven by popular JavaScript frameworks like Ember, Backbone, or Angular can take a while to render into the DOM. This forces the user to wait for the app to bootstrap itself before they can start viewing & ‘using’ the app.
Scoop.it!
From
marmelab
Webpack is really a great JavaScript bundler, allowing to turn messy and numerous JavaScript into a single minified and optimized script. Yet, we missed a good getting started tutorial. Here is one...
Scoop.it!
From
medium
If you write ES6 with Babel but JSHint holds you back, I have some good news! In early 2015, I switched from React’s JSX compiler to Babel in order to use ES6 (and some ES7) syntax freely. It’s a tad slower but …rest assured, it’s the future. I never regretted switching to Babel for a moment, and I only have the highest praise for its authors and contributors. My only pain was getting Babel code to lint.
Scoop.it!
Today we are going to build an application in React using Isomorphic Javascript. React is amazing on the client side, but it’s ability to be rendered on the server side makes it truly special. This is because React uses a virtual DOM instead of the real one, and allows us to render our components to markup.
Scoop.it!
A couple of weeks ago, I shared an Employee Directory sample application built with Reactin seven steps. Employee directory is a mobile app that allows you to look up employees by name, view the details of an employee, and call, text, or email an employee. In this post, I share a new version of the application with two new features:
I’ve used the employee directory use case to explore different frameworks. An AngularJS / Ionic version of the same app is available here.
Scoop.it!
Skipping collaborative apps, these days even a single user needs to sync his/her devices. The device landscape is getting predominantly mobile, so an average user has multiple powerful devices with unreliable internet connections. Popular solutions suck for one simple reason: common sense fails us in distributed systems. Proper sync needs some math like a GPS device needs some relativity formulas. Yes, that is just a box that says your x and y. No, it can’t work by common sense alone; it needs math.
Scoop.it!
I have been working in a prototype using the Twitter Streaming API with Socket.io and ReactJS for the frontend, Node.js in the backend, cool stuff! I used several articles as a reference, the one using the streaming API using socket.io(but AngularJS and ntwitter npm package), real-time django using node.js and socket.io or a modern python stack for a real time web application. In the end as I said I used nodejs, the twit package and socket.io in the backend. With all these tools was incredibly easy to have something running fast. And these are the different parts composing the example, the installation of the different tools is beyond the scope of this article just because I want to focus more in functionality and I don't want the article to be very long. Anyway if you have a question/criticism here I am. :-)
Jan Hesse's insight:
More ReactJS Intro: http://javaguirre.net/2014/02/09/reactjs-by-example/
|
Scoop.it!
From
hashnode
This is a step-by-step tutorial that will help you get up to speed with React quickly, and also build a complete app with the MERN (Mongo-Express-React-Node) stack. You'll also learn other tools that you typically use to build an app: Gulp, Browserify, Material-UI and React-Bootstrap.
Scoop.it!
In this tutorial we are going to build a character voting app (inspired by Facemash) for EVE Online - a massively multiplayer online game. You will learn how to build a REST API with Node.js, save and retrieve data from MongoDB, track online visitors in real-time using Socket.IO, build a single-page app experience using React + Flux with server-side rendering and then finally deploy it to the cloud.
Scoop.it!
From
benzhang
In our fast-changing world, technology is rapidly taking giant leaps forward. For the people who are just beginning to take part in this new “gold rush” of web development, it is sometimes inevitable to feel a sense of desperation of not being able to keep up with the evolution. In this article, I will attempt to give a brief overview of one of the most-adored features of Facebook’s Reactframework—isomorphism(a.k.a. server side rendering).
Scoop.it!
The virtual DOM is one of the key characteristics of React. When you render a component, React creates a lightweight description of the UI, diffs it with the previous version, and generates a minimal set of changes to apply to the DOM. That diffing algorithm is very fast, making React particularly well suited for apps with a lot of UI changes. That prompted me to revisit a type of application I’ve built in the past with different languages and frameworks: a trader desktop showing real time market data updates. This new version uses React for the client-side and Socket.io to push simulated market data updates to the client.
Scoop.it!
Techs
A short list of the frameworks/libraries involved in the project. React components and Flux architectureThe app (try to) follow the React/Flux architecture. So all the code is divided into: actions,dispatcher, stores and views. Maybe I didn't always follow the pattern so strictly, as you will see after with stores, but I did my best to be clear.
Scoop.it!
I like React. But React can't do everything, and there are things that make no sense to do as a React component, like plain JS functionality. For instance, if you want an image manipulation component, then by all means write it, but you're not going to also include all the code for the under-the-hood image processing library. You want to keep that separate. What's still missing? That post didn't cover everything, and hopefully it left some questions on the table, so let's address those: what's still missing?
Scoop.it!
In this tutorial I will show you how to use React and Node.js to create isomorphic apps. So, let's start. We are going to emulate a blogging website. Our app should display a list of post titles on the homepage. Clicking on a title will take us to another page where we can see the content of the post. Remember when you request any page (either homepage or detailed post view) you will a get server rendered version. Subsequent interactions will use client side rendering.
Scoop.it!
We wanted to have something that renders our content on the server-side at the first load, but provides the experience of the SPA applications after that.
|
