fedevelopment | Technologies

Telegram-канал fedevelopment - FrontEnd Development

21580

Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U

Subscribe to a channel

FrontEnd Development

Troubleshooting When a Child Process's Spawn Output Is (Sometimes) Empty

If you use child_process.spawn() to invoke external scripts or tools, you might find, like the author, that it begins to fail in unusual ways. Join Chris as he tracks down an (easily resolved) bug that could trip you up.. - http://amp.gs/jGq4L

#nodejs

Читать полностью…

FrontEnd Development

How to profile the runtime performance of an Angular app

Performance problems are aggravating. - http://amp.gs/jGqIF

#angular

Читать полностью…

FrontEnd Development

Unit Testing Vue Apps: Tips, Tricks, and Best Practices

This talk breaks down how unit testing in Vue works and explains how to set up an easy-to-use framework for any Vue app so that your tests most accurately represent how a user would interact with your platform. - http://amp.gs/jGAUP

#vue

Читать полностью…

FrontEnd Development

Detecting Idle Users in Your Angular App - http://amp.gs/jGA8j

#angular

Читать полностью…

FrontEnd Development

Using Grid Named Areas to Visualize (and Reference) Your Layout

Preethi Selvam shows how to use grid-template-areas to visualize a grid layout. - http://amp.gs/jGNrB

#css

Читать полностью…

FrontEnd Development

When to Use useImperativeHandle and forwardRefs in React 18 - http://amp.gs/jGN8o

#react

Читать полностью…

FrontEnd Development

Strategy Design Pattern in Angular

Implementing Strategy Pattern in Angular is easy when we have good basics - http://amp.gs/jGSrZ

#angular

Читать полностью…

FrontEnd Development

How I Wrote a Lightning-Fast Image Server in Node.js

Laurent Zuijdwijk describes some of the problems he encountered and the design decisions he had to make. In this post, he will go through the steps in a bit more detail in writing a lightning-fast image server in Node.js and explain the level of detail to make this application quite special. - http://amp.gs/jGSzn

#nodejs

Читать полностью…

FrontEnd Development

Are You Using Composition API the Right Way?

In this article, we're going to explore why we should use Composition API and how to do it properly. - http://amp.gs/jGr0p

#vue

Читать полностью…

FrontEnd Development

Five Traps to Avoid While Unit Testing Vue.js

In this article, Aurélien Bottazini covers the five most common pitfalls you may encounter while unit testing Vue.js. Includes handy examples. - https://goo.gl/prhxYM

#vue #testing

Читать полностью…

FrontEnd Development

D3 zoom — the missing manual

After watching Nadieh’s talk at Beyond Tellerrand all about data visualisation I was excited to come across this article detailing how zoom and scaling work with SVG and Canvas. - https://goo.gl/RnG6kW

#d3js

Читать полностью…

FrontEnd Development

Vue App Scaling, Analysis of Vuex and Comparison of State Management Solutions.

New to Vuex? Sergey Smolin has published a great tutorial on the concepts of Vuex, providing comparisons to similar software like Elm and Redux. - https://goo.gl/tuAKtz

#vue #vuex

Читать полностью…

FrontEnd Development

A Full Report on the Jan 6 'npm Incident'

In short, a user was inaccurately flagged as a spammer and the deactivation of their packages caused a cascade of issues. - https://goo.gl/AjzK66

#node #npm

Читать полностью…

FrontEnd Development

Cover Your Apps While Still Using npm

As an online platform, the npm registry will go down occasionally. That’s normal, but what can we do to mitigate the pains of a single point of failure? - https://goo.gl/PNkkJL

#nodejs #npm

Читать полностью…

FrontEnd Development

Getting Started with Augmented Reality in NativeScript

How you can build your first AR iOS app using NativeScript. - https://goo.gl/Ece6GR

#nativescript #ar

Читать полностью…

FrontEnd Development

CSS Container Queries Are Finally Here

Ahmad Shadeed explains how container queries work, how you can use them, and what the syntax looks like, and shares a few real-life examples and use cases. - http://amp.gs/jGqnK

#css

Читать полностью…

FrontEnd Development

What is domain-centric architecture?

Based on the XConf 2020 presentation: What is Domain Centric Architecture and why do you need it in your… - http://amp.gs/jGAHh

#architecture

Читать полностью…

FrontEnd Development

React Router 6.4: Bringing in the Remix Features

The latest release of the popular router adds data loading, data mutation, pending navigation, and error handling APIs from Remix, bringing them to every React Router app. - http://amp.gs/jGAkl

#react #router

Читать полностью…

FrontEnd Development

Shell Scripting with Node.js

Axel is too humble to call this an ‘Ultimate Guide’ or the like, but it is. After months digging into the guts of Node, npm, and the technicalities of shell scripting, he’s released a complete book. You can support him by buying it in various useful formats and/or read it online for free. A new resource to bookmark for sure. - http://amp.gs/jGNHL

#nodejs

Читать полностью…

FrontEnd Development

Refactoring a Component from Vue 2 Options API to Vue 3 Composition API

Vue 3 is gaining traction, and sooner than later, every codebase will need to be migrated. It comes with many new paradigms and API changes, but the one that stands out is the Composition API. - http://amp.gs/jGNkV

#vue

Читать полностью…

FrontEnd Development

BFF Architecture

Though it has a funny name, BFF architecture is a simple yet effective concept. BFF stands for Backend For Frontend, and what is basically means is that we create a backend for every type of frontend our system has, such as mobile, desktop, web browser and more. This way we can streamline the integration between the frontend and the backend.
Read more about BFF pattern in this great introduction on mobilelive. - http://amp.gs/jGSwD

#bff #architecture

Читать полностью…

FrontEnd Development

A Handy Use For Cascade Layers

Michelle Barker demonstrates a practical use case for Cascade Layers. - http://amp.gs/jGSCL

#css

Читать полностью…

FrontEnd Development

Why Create React App is 'Outdated' in 2022? - http://amp.gs/jGral

#react

Читать полностью…

FrontEnd Development

Using Private GitHub npm repositories in AWS CodeBuild - http://amp.gs/jGrqB

#github #aws

Читать полностью…

FrontEnd Development

How Big Is That Box? Understanding Sizing in CSS Layouts

A great introduction to the concepts around lengths, units, and content-based sizing with layouts based on Grid and Flexbox. - https://goo.gl/s9w7w9

#css

Читать полностью…

FrontEnd Development

Changes to Chrome’s Video Autoplay Policy Now Rolling Out

Muted autoplay will be fine, but for audio to play some conditions must be met. Only in Chrome Canary for now, but if you use autoplaying videos you need to be prepared. - https://goo.gl/Z51FDn

#html

Читать полностью…

FrontEnd Development

Netlify features to surprise and delight

A quick list of some of the Netlify features you might not know about -
https://goo.gl/AEZsVM

#web

Читать полностью…

FrontEnd Development

New Flexbox Guides on MDN

Eight new guides covering the real use cases of Flexbox, looking at where Grid should be used instead, and clarification on how the spec works with Writing Modes, Box Alignment and ordering of items. -
https://goo.gl/wTxUtu

#css #flexbox

Читать полностью…

FrontEnd Development

Template Driven Form Validation In Vue.js

Template driven validation is a type of form validation where rules are set directly in the form elements using Vue.js directives. In this article, Ogundipe Samuel Ayo demonstrates how to do this using Vue and VeeValidate. - https://goo.gl/dpdih2

#vue #form #validation

Читать полностью…

FrontEnd Development

How to Write A Higher Order Component in 3 Easy Steps -
https://goo.gl/VuFLfq

#react #hoc

Читать полностью…
Subscribe to a channel