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

Admin: @andrey2019
Download Telegram
Why the React Testing Library Is Much More Than a Testing Library

The author makes the case for using RTL and its ability to mimic user interactions and making them the objective of testing, rather than the fragile minutia of the test implementation details. - http://amp.gs/jjGiS

#react
Watching for Changes in Vue.js Component Slot Content

This article explains how to update the state of a component any time its contents (slot, children, etc.) are changed. - http://amp.gs/jjxAf

#vue
Micro Frontends Step by Step Using React, Webpack 5, and Module Federation

In this article, I will go step by step in creating two Micro Frontend React Components and render a Button… - http://amp.gs/jjf3T

#microfrontends #webpack
How Node.js Microservices Interact with Each Other Using gRPC

In this article, we will learn how microservices interact with each other using the gRPC framework. gRPC is a… - http://amp.gs/jjCwj

#nodejs
When CSS Isn’t Enough: JavaScript Requirements For Accessible Components

Stephanie Eckles looks at how components such as tooltips, modals, tabs, carousels, and dropdown menus often require more than just CSS (even when 'pure CSS' solutions are technically possible), especially to ensure accessibility. - http://amp.gs/jjeMG

#javascript
Debugging Guide: Why Your Vue Component Isn't Updating

If you've got a Vue component that won't update the way you expect it to, this debugging guide will help you to quickly identify and fix the problem. - http://amp.gs/jj7aY

#vue
Solutions Architect Tips — The 5 Types of Architecture Diagrams

The flow, service, persona, infrastructure, and developer diagram - http://amp.gs/jjyup

#solution #architect
Vue vs Svelte: Comparing Framework Internals

In this tutorial, we'll put the two frameworks, Vue and Svelte, side-by-side, and compare the different implementation approaches. - http://amp.gs/jjhB8

#vue
A 3D Hover Effect Using CSS Transforms

Ryan Finni demonstrates how to create an effective hover interaction with JavaScript and CSS. - http://amp.gs/jjh2Z

#css
28 (And Counting) Node CLI App Best Practices

From the creator of several Node-based CLI tools is a curated collection of best practices for building “successful, empathic and user-friendly” CLI tools using Node. - http://amp.gs/jjvVt

#nodejs
Deep Dive Into React Context API

For props used by many components (such as UI theme, for example) use React’s Context API to make them available throughout your component tree without the hassle of all that passing them from parent-to-child. - http://amp.gs/jjgyX

#react
Angular: Effective Component Patterns

Effective patterns for sharing data between components in Angular… - http://amp.gs/jjEdA

#angular
How To Switch From Software Developer to Solutions Architect

Discover how you can start your journey into the world of architecture - http://amp.gs/jjVdA

#architect
Refactoring to Vue 3

This guide will show you how to refactor a Vue 2 app to Vue 3 using the Composition API to express reusable stateful logic. - http://amp.gs/jj4AW

#vue
Demystifying styled-components

If anything ever seems ‘magical’, it might be time to dig in and figure out how things work. Josh ‘pops the hood’ on the popular Styled Components component styling system and demonstrates how you’d build a simple similar such thing of your own. A great way to learn. - http://amp.gs/jjRst

#react
Maintaining Multi-language Angular Applications

Discover the possibilities of Angular internationalization (i18n) and localization (l10n) - http://amp.gs/jjdst

#angular