An Interview with an 'Adult Site' Developer

Now this won’t be for everyone, but regardless of your stance, this is an interesting look into the decisions behind the tech choices and how they all work at one of the web’s largest adult sites. - http://amp.gs/qs2c

#interview #pornhub

Angular Authentication Using JWT

There are countless tutorials out there exhibiting code of how authentication in angular works, some even go the extra mile to explain how the code runs, but the only issue with such codes (for rookies) is the flowery words and jargon they use, which can be quite troublesome for someone who is just starting-out in the domain. - http://amp.gs/qiwu

#angular

Fetch API data using useEffect React hook

In this article we will talk about the use of useEffect React hook to fetch API data. We will create a sample React application to pull data from a provider and use it in our application. - http://amp.gs/qDaM

#react

Creating Custom JavaScript Syntax with Babel

Wow, this is cool. An introduction to forking Babel and creating your own custom JavaScript syntax. - http://amp.gs/quK7

#nodejs #babel

Rx.js: Best Practices

If you have been using Angular for more than a week, you most definitely have come across Rx.js, the reactive extensions framework for JavaScript. And of course you should already know that lots of stuff in Angular works using Rx.js under the hood. Here are some prominent examples - http://amp.gs/qJ2t

#rxjs

How to Read A Web Page Test Waterfall Chart

If like me, you often look at a waterfall chart and get a bit lost as to what it all means, you’ll find this to be a handy reference, explaining it all in very accessible way. - http://amp.gs/q00F

#devtools

Working with Barcodes and QR Codes in Flutter - http://amp.gs/qKZQ

#flutter

Towards a Better Git History

Matija Marohnić writes about the short and long term value of committing code and explains why we should put more effort into our commits. - http://amp.gs/qKil

#git

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