FrontEnd Development
30.8K subscribers
145 photos
1 video
9.33K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
JavaScript Performance Pitfalls in V8

A very detailed article where Benedikt Meurer of the core V8 team shows how V8 compiles your code and shares some tricks you can use to avoid performance problems. - http://amp.gs/4D0l

#nodejs
Reactive Scroll Position Restoration with RxJS

This is a reactive Angular solution via RxJS for simple applications that suffer from a common navigation issue. Similar implementations could be done in other frameworks too. - http://amp.gs/4uqF

#angular
Look Ma, No Media Queries! Responsive Layouts Using CSS Grid

Juan Martín García demonstrates the power of CSS Grid by building a couple of common responsive navigation layouts. - http://amp.gs/4JSU

#css #grid
Handtrack.js: Realtime Hand Detection, Directly in the Browser

A neat way to prototype hand-related gestures or interactions in the browser in very few lines of code. - http://amp.gs/40Ce

#javascript
My Intuition on When to Use Custom React Hooks

Learn how custom hooks are like mixins: a great way to share small bits of functionality between components. - http://amp.gs/4Kl3

#react #hooks
Integrating Google Analytics With Angular 2+

Google Analytics is at the forefront when it comes to offering effective ways to track the pages a user visits, the time they spend there and what they are doing. This makes it a necessity for the majority of companies around the world in providing valuable data for creating effective marketing campaigns, improving their user experience and so forth. - http://amp.gs/43zd

#angular
Serverless Functions in Depth with AWS Amplify

A deep-dive on how to build, test, deploy, update, and delete serverless JS functions with AWS Amplify. - http://amp.gs/43Nb

#nodejs #aws
JavaScript Symbols: But Why?

Not played with symbols (a new data type introduced with ES6) yet? This is a gentle way to get up to speed with not only what they are but why you might use them. - http://amp.gs/4HMM

#es6 #symbol
A Storybook with Angular

Bridging the gap between design and development is always a constant struggle when we are talking about creating web or mobile applications. - http://amp.gs/4271

#angular #storybook
Building a Static Blog using Gatsby and Strapi

A very thorough guide complete with several screencasts to help guide you through the process. If you’re not familiar with Strapi, it’s an open-source headless CMS. - http://amp.gs/42wS

#nodejs #gatsby #strapi
What the Functor? Functional Terminology Explained with JS

We recently linked to a neat jargon-free intro to functional programming concepts and the author is now back with… an introduction to some of the jargon! Functors, categories, endofunctors, monoids, and monads are deftly explained here. - http://amp.gs/4wrk

#javascript
Fully functional WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL

An open-source full-stack example app made with Angular 7.2, TypeScript, GraphQL Subscriptions, GraphQL Code Generator, GraphQL Modules, PostgreSQL and TypeORM. - http://amp.gs/4FCZ

#angular #graphql #typeorm #apollo
Designing An Aspect Ratio Unit For CSS

Rachel Andrew looks at the process of designing an aspect ratio unit for CSS and explains how it will work. - http://amp.gs/4Xna

#css
Vue + TypeScript Cookbook

The author ran into many roadblocks when adding TypeScript to a Vue project. He created this cookbook to help others who might have similar questions about how to hit the ground running with Vue + TS. - http://amp.gs/4LGb

#vue #typescript
Use Docker to Create a Node Development Environment

Leverage Docker images and containers to create an isolated Node development environment. - http://amp.gs/4WIs

#nodejs #docker
7 Tricks with Resting and Spreading JavaScript Objects

Using modern JS features to merge objects, organize properties, and more. +1 for all the Mighty Boosh references too. - http://amp.gs/4WQJ

#javascript
How to Get the Best Performance Out of Your Angular Apps

Angular is a great framework and can be used for developing large scale applications, but can be tricky to fine tune and achieve good load time and run-time performance. In this post, The author of this article will detail some best practices he has learned along the way, so you will not make the same mistakes he made.
- http://amp.gs/4aMn

#angular
So What’s New in Vue 2.6?

This article takes a quick look at the new and shiny things that shipped with the Vue 2.6 as well as important changes including the new slot syntax, async error handling, dynamic directive arguments, and more. - http://amp.gs/4oqQ

#vue