Avoiding Unnecessary Renders with React Context

Before you replace Redux’s <provider> component with React’s new context API, there’s a thing or two that you should know about performance. - http://bit.ly/2PBuR7P

#react

30 Seconds of CSS: Useful CSS Snippets You Can Understand Quickly

Around 40 different CSS snippets for various situations. It’s a bit like 30 Seconds of Code but solely for CSS. - http://bit.ly/2JRCvWF

#css

My friends have launched a new powerful service that will help to increase the conversion rate on your website by adding only one line of code.
Today is the best day to launch this project. They are giving 5 months of absolutely free access to the service with full functionality!

Visit their telegram channel and start boosting conversions on your website.

@TrustActivity

5 Tips to Write Better Conditionals in JavaScript - http://bit.ly/2Pyc79t

#javascript

Connection-Aware Components in Angular

The navigator.connection object contains a read-only property named effectiveType, which returns the effective connection type. That type is determined using a combination of recently observed RTT (round-trip time) and downlink values. (at the time of writing, browser support is limited) - http://bit.ly/2yNUngL

#angular

Shards Vue - A Free Vue UI Kit with a Sleek & Modern Design

Shards Vue is a high-quality & free Vue UI kit featuring a modern design system with dozens of custom components. - http://bit.ly/2OmWXz2

#vue

What’s New in Create React App 2.0: A Video Series

Create React App 2.0 is only two weeks old, but Elijah Manor has already put together a set of handy, brief videos on using it for eggheadio. - http://bit.ly/2yRUFmy

#react #createApp2

billboard.js: A Simple Chart Library Based on D3 v4+ - http://bit.ly/2F17Ya3

#javascript #d3js #chart

An Introduction to Chrome’s Picture-in-Picture Web API

The Picture-in-Picture Web API is designed to let users continue to watch videos in a floating window when they move on to other tabs or even applications. - http://bit.ly/2DoVkji

#chrome #webapi

Working an application in Vue.js with TDD — part 2

 An extensive guide for people who have time. - http://bit.ly/2SHMKAD

#vue

Profiling React Components with the User Timing API

Profiling your React components may be the most important thing you can do to improve performance. - http://bit.ly/2qtFYS1

#react

WebAssembly’s Post-MVP Future: A Cartoon Skill Tree

This is a fantastically accessible guide to understanding where WebAssembly fits into the big picture, what’s yet to come, and what impact WebAssembly could have on both the Web and related areas like IoT and Node.js. - https://mzl.la/2OuVeba

#webAssembly

How to Create Custom HTML Markers on Google Maps - http://bit.ly/2DrNQfG

#googlemaps

Siteaudit

Siteaudit is a command-line tool that analyzes your site and generates audit for Pagespeed, Lighthouse, and A11y. - http://bit.ly/2DyrSr4

#tools

Introducing React 'Hooks'

Hooks are a proposed new feature for using state and other React features without writing classes. You can try them out in an alpha build of React 16.7. - http://bit.ly/2RASgUq

#react

All About Angular Bindings

Angular bindings are a super-powerful mechanism built into the framework. Unfortunately, they can be difficult to remember. This blog post by Alyssa Nicoll will help. - http://bit.ly/2qGrXke

#angular

Creating a 'Marching Ants' Effect with SVG - http://bit.ly/2JLS5Tk

#css

The Intl.RelativeTimeFormat API

Enables localized formatting of relative times without sacrificing performance. Chrome 71+ only so far. - http://bit.ly/2PMuhnV

#intl #RelativeTimeFormat

Vue JS Hooks And React JS Hooks At A Glance

“Hooks” are a feature proposal for React that allow you to provide reusable state to a functional component. This article breaks down how hooks work in React and how they are being experimentally adapted for Vue.js. - http://bit.ly/2PNNtlo

#vue #react #hooks

GraphQL Designer

A prototyping tool to develop full-stack GraphQL applications. With a few simple inputs, GraphQL Designer auto generates code for download, to start and implement your new application including GraphQL root queries, schemas, mutations, and client queries. - http://bit.ly/2JLQnkY

#graphQL #tools