A Milestone for Chrome Security: Marking HTTP As “Not Secure”

Chrome 68, released this week (more on that below), shows a “Not secure” message in the location bar when accessing a site over unencrypted HTTP. The march to ‘HTTPS everywhere’ continues. - http://bit.ly/2M3tOZk

#chrome

Announcing the Ionic 4 Beta

The beta release of Ionic 4, a framework for building native apps and PWAs with Web technology, has just landed. 4.0 marks the first version to completely embrace modern Web APIs such as Custom Elements, CSS Variables and Shadow DOM, plus it’s framework-agnostic at its core. - http://bit.ly/2v1cqhA

#ionic

Redux vs. the React Context API

A look at how the new context API in React 16.3 works, how it compares to Redux, and when you’d want to consider using one versus the other. - http://bit.ly/2v1Wewn

#react #redux

Adding Particle Effects to DOM Elements with Canvas

A neat tutorial showing how to create a basic HTML-to-particle effect. You have to balance a few concepts to make it work but the result is striking. - http://bit.ly/2M3Wsth

#css

Vue.js - Forms, Components and Considerations

Forms are the main mechanism for an app to collect data from a user. If you’re using AJAX and a single-page application architecture, there are unique challenges including accessibility and usability. - http://bit.ly/2OtYQvk

#vue

End-to-End Testing React Apps with Puppeteer and Jest - http://bit.ly/2AnyMPi

#e2e #testing #react #puppeteer

Hunting JS Memory Leaks in React Native Apps

A roundup of some approaches to debug and solve memory problems in a React Native app. - http://bit.ly/2NV87ev

#reactNative

A One Year PWA Retrospective

A look back at what it took to build Pinterest’s PWA and the metrics around customer response. - http://bit.ly/2K95XFX

#pwa

Chrome 68 Released: What’s New For Developers?

Other than the ‘Not Secure’ marker (above), Chrome 68 provides the Page Lifecycle API for you to detect when your tab has been suspended or restored, the Payment Handler API, and lots of neat DevTools improvements. - http://bit.ly/2Os8yhF

#chrome

Building a Vue.js Whitelabel Solution

Whitelabel apps are made to be rebranded with ease. This tutorial shows you how to implement whitelabel features in a new or existing Vue.js app. - http://bit.ly/2LA3lq0

#vue

excel4node: An Excel Spreadsheet (XLSX) Generation Library

Conforms to the ECMA-376 OOXML specification 2nd edition and the examples in the documentation are quite thorough. ExcelJS is another option in this space. - http://bit.ly/2LLTBIQ

#nodejs #excel

Using Immutable.JS with React and Redux

A guide on when to use Immutable.js and how to use it with Redux. - http://bit.ly/2M0BUCd

#react #redux #immutableJS

5 'Hot' New CSS Features and How to Use Them

Including the CSS Display module (e.g. display: contents), CSS overscroll behavior, conditional rules, and containment. - http://bit.ly/2NRrFR9

#css

Why Kent C. Dodds Never Uses Shallow Rendering

“Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.” - http://bit.ly/2viTIkz

#react

Why Apollo: Advantages, Disadvantages and Alternatives

If you’re using GraphQL in your apps, this run through of the pros and cons of using Apollo, plus links to some alternatives, may be worth a look. - http://bit.ly/2LLJxzA

#nodejs #apollo

An In-Depth Look at the Page Lifecycle API

A Chrome-only API for now that brings app lifecycle features common on mobile operating systems to the web. It ships with Chrome 68. - http://bit.ly/2LBH4Z1

#pageLifecycleAPI

Building “Renderless” Vue Components

There’s this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. - http://bit.ly/2NStAVA

#vue

Server-Side Vulnerability Fix Releases for All React 16.x Lines

If you’re using react-dom/server with any React 16.x release, you’ll want to upgrade. 16.4.2 is out which mitigates the bug, but releases of the 16.0, 16.1, 16.2, and 16.3 lines are out too if you’re not ready to jump to 16.4. - http://bit.ly/2LYILPN

#react

Build an Instagram clone with Vue.js and CSSGram

In this article, we’ll walk through the steps needed to build an Instagram clone that lets users add Instagram-like posts with Instagram-like filters on to a feed! - http://bit.ly/2NWjgfk

#vue

Developing Real-Time Web Applications with Server-Sent Events

A detailed look at how to create real-time web apps using SSE which is supported by all major browsers except Edge (which can be polyfilled). - http://bit.ly/2OrOpbv

#nodejs