 Your new post is loading...
Your new post is loading...
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. 
No comment yet.
Sign up to comment
Scoop.it!
In recent posts and talks, I've explored how Web Workers can vastly improve the responsiveness of a web application, by moving work off the UI thread and thereby reducing DOM-blocking. In this post, I'll delve a bit more deeply into the performance characteristics of postMessage(), which is the primary interface for communicating with Web Workers.…
Scoop.it!
Curious about functional reactive programming? Florian Rappl explains the concepts, working through several examples using the RxJS library.
Scoop.it!
This guide goes through setting up, running and exploring the ultimate JavaScript Stack du jour:
Providing a great base for the development of large-scale, JavaScript Apps that's further enhanced by a great development experience within Visual Studio.
Scoop.it!
Angular 2 favors Observables over Promises when it comes to async. The rational behind this decision may not be obvious right from the start. There is definitely a learning curve to master Observables in all their beauty. In this article we like to explore some practical advantages with Observables for server communication.
Jan Hesse's insight:
Scoop.it!
2015 will be remembered as the year of the Javascript Fatigue. Being a JS developer right now is like being one of the suitors waiting forPenelope to finish weaving Odysseus’s shroud, being constantly reminded that yes, 1.x is indeed limited and 1.y will change everything so please stick with us a little bit longer. I mean, there is no framework right now that is really production-ready (except for React, but, again… React 1.x is coming soon, is it?). Change is good, change is healthy, although having to re-learn everything from scratch again (yes, Angular, I’m talking to you) can be difficult for big projects that would like to stay up-to-date.
Scoop.it!
This is just a demo but at least a functional one.
It also can serve as a boilerplate because is very easy to replace/remove parts which are not of interest (or buggy?).
Scoop.it!
Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React. You’re Comparing Apples and Orangutans!Sigh. Yes, Angular is a framework, React is a library. Some say this difference makes comparing them illogical. Not at all!
Scoop.it!
After almost a year of using ReactJS and digesting all of the ideas around we are here to share with you our experience.
Scoop.it!
React v0.14.0 introduces “stateless” components, which takes a more functional approach to creating chunks of JSX and templates. In my previous article on creating a tab component I created the components using the traditional way, usingReact.createClass() or ES6 Classes that extend React.Component.
Scoop.it!
As a module author and developer, I love TypeScript. It allows me to write, publish and consume 100% type-safe JavaScript. Features like autocompletion, type validation and ES6 features are now part of my typical workflow. However, one step in this development lifecycle has always been broken for me. I’ve published half a dozen modules on...
Scoop.it!
In this project I want to compare the usage and development of components in several frameworks. To test these frameworks I'll create multiple components from simple to complex to show the differences between these frameworks. I currently plan to look into the following frameworks:
Scoop.it!
We’ll go through the main UI flows and see how they are implemented via communication of the different layers of the component. The way of upward communication from child components is calling these actions when appropriate. We now have sufficient knowledge to follow the implemention of basic user flows, so let’s get into it.
|
Scoop.it!
In category theory, the concept of catamorphism (from Greek: κατά = downwards or according to; μορφή = form or shape) denotes the unique homomorphism from an initial algebra into some other algebra.
Scoop.it!
Combined with TypeScript and AngularJs, Odata 4 provides an important component in creating modern SPA (Single Page Applications) quickly and easily.
Scoop.it!
As our applications grow, we often find that file structure and organization to be crucial for the mainability of application code. What I want to do in this post is to present three organizational rules that I personally follow on my own projects.
Scoop.it!
Get out of callback hell with Promises. Promises are an exciting new feature in JavaScript that makes asynchronous methods much easier to manage.
Scoop.it!
Would you like help creating single-page applications (SPAs)? Maybe you've worked with tools like jQuery and AJAX, but what about Ember? With a simple syntax and an emphasis on reuse and components, this JavaScript framework can make it very easy to create interactive pages.
Scoop.it!
Use external JavaScript libraries in a TypeScript Angular 2 project. Declare components from external libraries and then use them as normal.
Scoop.it!
Learn how to integrate React.js and Isotope to create beautiful and interactive User Interfaces Isotope will sort and filter to your heart’s content with initially loaded data, but if you want to load more data or reload data in the DOM, then Isotope is completely unaware of that new data (referring to React DOM updates and new DOM insertions/deletions). Also, frequently, the first set of props sent to child components is null or empty. The good news here is that you can still use the best of React with the best of Isotope.
Scoop.it!
Ensuring your application's users stay logged in and remembered by the app, despite Client or Server disconnections, is a crucial feature—which is easy to implement with React and Express.
Scoop.it!
Regain your sanity by pulling application state out of ReactJS components. The real issue with its design is that application state (read: stuff from stores) must be applied to local component state. How does one go about testing a component given this architecture? Well, now that it’s coupled to one or more stores, you’ll have the added work of mocking stores and actions before you can properly determine what your component looks like at the end of it all (and don’t forget to check the store shape, too). Yes, the core problem with this pattern is the usage of this.state.
Scoop.it!
Relay is an open source framework from Facebook for declarative data interaction with GraphQL. It fills the data fetching gap that existed with React + Flux applications and allows developers to request exactly the data they need for each component. In this tutorial, we see how to set up a basic Relay application and how to protect GraphQL with JWT authentication.
Scoop.it!
Scoop.it!
React has been on top of the world as of recently, for good reasons, it’s a fantastic approach to building modern web apps. This post is catered to those who are neck-deep in React and what to make an easy transition to Angular 2. This is angular 2 for react developers.
|
