State management with Angular 8 and Akita

Back in 2017 I wrote an article, building a simple blog application using NgRx here. Recently I have been experimenting with Akita, a state management pattern which I found to be much simpler and with less boilerplate code. So I decided to rewrite my sample app using Akita and would like to share the code with you. - http://amp.gs/q3yY

#angular

Clipping, Clipping, and More Clipping!

An exploration of how the CSS clip-path property can be used to create interesting effects. - http://amp.gs/q3Hi

#css

How to Build a Progressive Web App (PWA) with only Vanilla JS

Bring a native-like experience to your webapps with this grab bag of techniques including styling, fonts, Service Workers, and creating a manifest file - http://amp.gs/qHfg

#pwa #javascript

Experimentally Introducing Concurrent Mode

Unveiled at ReactConf comes a set of much awaited, new experimental features that will help apps stay responsive and gracefully adjust to the user’s device capabilities and network speed. The React team notes, however, that “it’s very early and … primarily aimed at early adopters and people who are curious”. - http://amp.gs/q2Iy

#react

Build Your Own Web Analytics Dashboard with Node

If you find Google Analytics needs more personality and customizability, here’s how to build your own web analytics dashboard with Node and the Google Analytics API. - http://amp.gs/q2rA

#nodejs #google #analytics

Spacing, Grids and Layouts: Creating a Spatial System

How to define baseline grids, column grids, spacing and layouts. - http://amp.gs/qwfg

#css

Why Progressive Web Apps Are The Future of Mobile Web

A detailed overview of what makes up a PWA, their benefits, and why you should be looking at them. Links out to plenty of handy resources too. - http://amp.gs/qFmy

#pwa

Agnostic components in Angular

When you’re building a reusable components library, API is very important. On one hand, you want a tidy, reliable solution, on the other — you need to take care of lots of specific use cases. And it’s not just about working with diverse data. Your components must be flexible visually. Besides, it has to be easy to update and deliver across projects. - http://amp.gs/qXjY

#angular

A Side-by-Side Comparison of Jest, Testing Library and Cypress

A comparison of three approaches to testing React apps by using each of them against the same app. - http://amp.gs/qLYE

#react

Build a Dependency Graph Profiler in JavaScript

Sadly the code is just giant screenshots, but it’s neat to see an approach to doing this. - http://amp.gs/qWxF

#nodejs #graphQL

Feeling Sassy Again

Tyler Sticka explains why, after years of defaulting to PostCSS, their team recently considered reintroducing Sass to their stack.
- http://amp.gs/qaZq

#sassy

Editorial Design Patterns With CSS Grid And Named Columns

Rachel Andrew shows how, by naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid. - http://amp.gs/qMCy

#css

SWR: React Hooks for Remote Data Fetching

Based upon the stale-while-revalidate caching strategy, “SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.” The result? Things will feel a lot faster UI-wise and the latest data will get used once it arrives. - http://amp.gs/q5m0

#react

An Introduction to Regular Expressions for Web Developers - http://amp.gs/qQpA

#javascript #regexp

Getting Beyond "Works Offline"

Breaking down offline capability for modern web apps. - http://amp.gs/qcC9

#mobile

Mastering Angular 8: Five Things That are Good to Know to Save Your Time

Angular has some edge cases that can sometimes waste your time if you're not familiar with the details. - http://amp.gs/q6zO

#angular

Creating a Full-Text Search System with Node and Elasticsearch

A walkthrough of creating an API that can do full text search. Also covers running Elasticsearch under Docker to keep things simple. - http://amp.gs/qbZf

#nodejs #elasticsearch

You’re Not Using <React.StrictMode>?

The majority of React developers don’t seem to be using StrictMode, but should you be considering it? In short, yes, particularly if you plan on using concurrent React (above). - http://amp.gs/sIng

#react

Space, Grids, and Layouts

Elliot Dahl explains how spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned.
- http://amp.gs/sIuJ

#css

How to Build a Progressive Web App (PWA) with only Vanilla JS

Bring a native-like experience to your webapps with this grab bag of techniques including styling, fonts, Service Workers, and creating a manifest file. - http://amp.gs/sjxP

#pwa