FrontEnd Development
28.8K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.
Download Telegram
Five Things I Love About Strapi, a Node-Based Headless CMS

Strapi is an open source, headless CMS that provides both a RESTful and GraphQL-based API out of the box. - http://amp.gs/ihIO

#nodejs
How to Get Started with Animations in React

An introductory post focused on Framer Motion, a powerful React library for creating animations - http://amp.gs/ivYb

#react
A domain-driven Vue.js Architecture – Thomas Holland

A very interesting article on a topic that is rarely touched – application architecture. More specifically the DDD (Domain Driven Development) approach. The author starts with folder structure and then going through how different layers of abstractions are combined to form features. - http://amp.gs/igjY

#vue
How I Created 488 “Live Images”

Ire Aderinokun shares how she created an interactive caniuse embed and progressively enhanced it by adding a fallback screenshot captured with puppeteer. - http://amp.gs/iVxd

#css
Cockatiel: A Resilience and Transient-Fault-Handling Library

This is for defining common resilience or fault handling techniques like ‘backoff’, retries, circuit breakers, timeouts, etc. and is inspired by .NET’s Polly fault handling library. - http://amp.gs/i9te

#javascript
How to Create a Toggle Switch in React as a Reusable Component

Shows how to create an iOS-inspired toggle switch using React components and then put it into use in a demo app. - http://amp.gs/i4ZV

#react
Building animated draggable interfaces with Vue.js and Tailwind – Cristi Jora

Here’s a nice tutorial on building a drag-n-drop list with some pretty neat animations. To build that, Cristi uses Vue-Draggable and TailwindCSS. - http://amp.gs/iRYG

#vue
An Official Style Guide for Writing Redux Code

Recommended patterns, best practices, and suggested approaches for writing Redux-based apps. - http://amp.gs/idB7

#redux
How to Overlap Images in CSS

Bri Camp Gomez shows how to overlap images with CSS Grid and provide a fallback for browsers that don’t support CSS Grid. - http://amp.gs/idun

#css
20 Nuxt Modules (with Tips) to Increase Your Productivity and Build Web Apps Faster – Nada Rifki

Nada Rifki has written down a list of her 20 favourite Nuxt.js modules that she recommends for most Nuxt users. Along with the list, there is a short description of what it does and a few tips along the way. - http://amp.gs/iOUP

#vue #nuxt
How to Manage Global State with Context API and Hooks

“Redux absolutely has its use cases and advantages. This is merely an alternate way to manage global state in a simpler way without the need of external libraries.” - http://amp.gs/iSet

#react
JavaScript: Use Destructuring Assignment over Function Parameters

Some practical benefits on destructuring assignment in JavaScript. - http://amp.gs/iNPx

#javascript
My Top Favorite Tools for Angular Developers

Angular has evolved over the years, claiming its spot at the second world’s most used JS framework. Having a strong team and vibrant dev ecosystem, it had spurred and sprouted many tools and libraries. - http://amp.gs/iA1q

#angular
Accessibility Tips for Web Developers

Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/iAbX

#css #accessibility
What's New for Node.js in 2020

Node might be ten years old, but like a real ten year old it’s only continuing to grow at a rapid pace. David dusts off his crystal ball and looks at some of what’s coming around the corner. - http://amp.gs/isTu

#nodejs