Digests » 167

sponsor

Use the Powerful Ext JS Grid for Your React Apps

A grid can be one of the trickiest and most frustrating UI components to build as part of your application development process. Ext JS includes 115+ fully supported UI components and tools, including the market’s leading grid, to help get apps to market quickly and deliver a great user experience across desktops, tablets and smartphones. View our kitchen sink demo to learn more about the capabilities of the grid.

react

3 Anti-patterns for Conditional Rendering with React

You already know how to implement conditionally rendering with React: just use JavaScript! This gives you a huge amount of power... to shoot yourself in the foot.

React-Virtualized: Why, When and How you should use it

The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory. Then, it is synced with the “real” DOM by a library such as ReactDOM. This process is called reconciliation.

React Native and the Array.reverse bug

Developers have experienced a JavaScript-bug in Safari iOS 12, where an Array.reverse will cache the Array value state, which will still remain reversed even if you reload the page. I think most developers will understand why that is a problem. And apparently the same error exists on macOS as well, not just iOS.

React Progressive Loader

Defer the load of non-critical images and components if they are off-screen. This library makes possible to progressively load images, just like Medium does, and React components only when the user is ready to consume the content. Additionaly, take component based code splitting for free. Two at the price of one.

Raising Baby Chicks with JavaScript

A few years back I decided to start raising chickens. By that time I had beetles, worms, snakes, and frogs; you name it! But raising these cute yellow nuggets is a different beast altogether.