JavaScript for Line of Business Applications

There’s this thing going on in the Front-End Development community where everybody wants to re-write their applications to use React. Sorry…

Redux & React are currently mainstream technologies in front-end. Every self-respecting front-end developer knows this fact and tries to dive into them to understand what they are and how to deal with them. Because it seems really clear that the future web applications are all about this sweet couple.

The problem is that the process of changing developer’s mind to start thinking in React & Redux way isn’t actually smooth. Frameworks we used to apply (Backbone, Angular, jQuery, etc.) work in drastically another way, so we need some time to switch.

Obviously, when we hear about React & Redux bunch, we begin to puzzle out exactly those two words. And that’s right for a start. React serves as the view layer, Redux serves as the data one…

High level overview of all the tools available for styling React components, and how they fit together. Covers PostCSS, Sass, BEM, CSS Modules, Autoprefixer, cssnext, and more.

Webpack is the leading module bundler for React and Redux apps. I think folks using Angular 2 and other frameworks are also using it a lot these days.

Webpack’s Core Philosophy
1. Development Vs Production
2. webpack CLI Vs webpack-dev-server
3. “entry” — String Vs Array Vs Object
4. output — “path” Vs “publicPath”
5. Loaders And Chaining Loaders
6. Loaders Themselves Can Be Configured
7. The .babelrc file
8. Plugins
9. Loaders Vs Plugins
10. Resolving File Extensions

Iframes… Can’t live with them, can’t live without them. Is it just me or anyone else is also wondering why these guys are still being used even though the 90s are long gone? Well, believe it or not - no one has come up with a better alternative for embedding another HTML document into your page since Microsoft first introduced the tag in 1997. Not until recently, at least.

SAM is a new reactive/functional pattern that simplifies Front-End architectures by clearly separating the business logic from the view and, in particular, strictly decoupling back-end APIs from the Front-End. SAM is technology independent and as such can be used to build Web Apps or Native Apps. It is also protocol independent and can be implemented over HTTP, WebSockets...

SAM is unapologetically driven by simplicity and challenges the complexity of frameworks like Google's Angular or Facebook's React+JSX+Flux/Redux+Saga+Thunk+GraphQL+Relay. One of SAM's key goals is to enable everyone to build beautiful and engaging HTML5/CSS3/JavaScript Web Apps while retaining what makes React.js so unique:

• Composition
• Unidirectional data flow
• Freedom from DSLs
• Explicit mutation
• Static mental model

The main performance hotspot in React applications is redundant processing and DOM diffing in components. In order to avoid this return false fromshouldComponentUpdate as high up in your application as you can.

To facilitate this:

1. Make shouldComponentUpdate checks fast
2. Make shouldComponentUpdate checks easy

Redux has emerged as the preeminent framework for building React-based web applications. It perfectly complements React's declarative views with a straightforward and elegant architecture that brings some of the best ideas of software engineering theory (immutable global state, functional programming, Event Sourcing, CQRS, etc.) into the web development mainstream. "There

GigaGrid - Massively performant, multi-layered React.js table widget Written in TypeScript

Web developers must work within the limits of the available HTML elements to build the foundations of their web projects. Web components are a new web standard that allow developers to extend the current HTML specification to create custom and reusable elements that better serve their project's requirements.

The Ember.js framework closely follows the W3C's specification in their implementation ofcomponents, which is important as web components are expected to be a big part of the future of the web.

With React Storybook, you can develop and design UI components outside your app in an isolated environment. It will change how you develop UI components.

Unlike most front-end web frameworks, React's aim is to solve the various challenges of building user interfaces that rely on changing data. Although React is a simple JavaScript library and is easy to get started with, it is still possible to misuse it in ways that deny the web app from reaping the benefits that React has to offer. In this article, Toptal engineer Ivan Rogic demonstrates the synergy of React, Redux and Immutable.js, and shows how these libraries together can solve many performance issues that are often encountered in large web applications.

State management within Angular started out as a single celled organism if you will in the form of a single controller managing all the state for the application. If this is a single page application, one controller makes sense right? We emerged out of the ice age by starting to group our views and controllers into smaller, self-contained units either within a directive or a route. This was a vast improvement, but there was still the problem of managing complex state within our applications. It was not uncommon for us to have bits and pieces of state strewn across our application tucked inside of controllers, services, routes, directives, and occasionally, in our templates. Mutable state in itself is not inherently evil but shared mutable state is a recipe for disaster.