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

Admin: @andrey2019
Download Telegram
How to cache API responses and other data in Angular

Using a cache system could improve significantly your web applications’ performances and allow users to… - http://amp.gs/jjNa7

#angular
React 18: A Summary in 12 Tweets

If you didn’t have the time (or inclination) to read the detail we provided on React 18 in the last issue, here’s much the same content boiled down to 12 tweets by a former core React team member. While not suitable for every topic, this concise, Twitter-based presentation style has its merits. - http://amp.gs/jjAwd

#react
How to Create a Progressive Web Application with Vue and Sanity

In this article, you will learn how to build a simple web application with Vue.js, query your data from Sanity, and make it a Progressive Web Application (PWA) by installing the PWA plugin. - http://amp.gs/jjsFZ

#vue #pwa
Explore Clean Architecture In Flutter

A basic introduction on how to ensure a clean architecture for your Flutter apps. - http://amp.gs/jjigN

#flutter
Microfrontends — part 1: extending service-oriented architecture to frontend…

Case study of migration of StepStone Service’s main product — complex job board — to microfrontend… - http://amp.gs/jjDIA

#microfrontends
Supercharge Angular application

Let me share my real-time experience with optimizing Angular applications. It all started a few months back… - http://amp.gs/jjDs5

#angular
Madge 5.0: Create Graphs From Your Module Dependencies

A developer tool for generating a visual graph of your module dependencies (works with CommonJS, AMD and ES modules), finding circular dependencies, and discovering other useful info. - http://amp.gs/jjupl

#nodejs
React Table with Server-Side Data Management

A tutorial on using the standard React Table Library while leaving all of the attendant data management tasks—like pagination, searching, filtering and sorting—on the server. - http://amp.gs/jju2d

#react
GitHub Copilot: An AI 'Pair Programmer'

A project that GitHub has been working on in the background for some time with OpenAI. It’s a VS Code extension that uses machine learning to suggest useful code snippets as you type and it works with lots of different languages. Everyone I’ve seen has a lot of mixed feelings about this, but it’s undoubtedly an interesting development. Maybe I need to create a newsletter version of this tool.. - http://amp.gs/jjJdQ

#github #copilot
Recipes to Wrap, Extend or Proxy a Vue Component

This article details ways to create a component that extends another. We'll look at attributes, props, listeners, and slots, along with functional components and render functions. - http://amp.gs/jj0VV

#vue
How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side?

Okay, let’s get back to CSS. Chris answers the question above from a reader where they’d like to make a layout look something like this - http://amp.gs/jjKUx

#css
Encoding Data for POST Requests Properly

While we’re talking Copilot, Jake noticed that an example it threw up isn’t all that great security wise, and spun it into a good lesson about creating HTTP data bodies properly, while covering things like URLSearchParams and FormData along the way. - http://amp.gs/jj3OB

#nodejs
React Architecture: How to Structure and Organize a React Application

We've featured a variety of "how to structure React apps" pieces in the past, but it remains a perennially interesting topic as there really is no one way. Tania is always fantastic at explaining things though, so we really like this one. - http://amp.gs/jjH9T

#react
Is Angular still a good choice in 2021?

The reasons to choose Angular for your next project. - http://amp.gs/jj295

#angular
Dynamic Scoped CSS in Vue

With Vue, you're unable to dynamically generate CSS within the style tag portion of a single-file component. This article explains how we can take a string and inject that as the text content within a style tag. - http://amp.gs/jjw4I

#vue
Fixing a Bug in Low-Resolution Mode

Sometimes bugs can pop up on low-res screens and yet our dev environments might be using the fanciest HD 8K 3D Retina technology. So you need to fix that bug even though you might not be able to even see it. Well, Firefox has a setting I didn’t know about until five minutes ago called “low-resolution mode.” - http://amp.gs/jjFy4

#css
6 Front-End Optimization Techniques for Web Applications

Build Blazing Fast Web Applications - http://amp.gs/jjXyv

#web #frontend
An Overview of React State Management Techniques in 2021

There are a lot of approaches to state management, so it is sometimes valuable to compare them and see which might be the best for you. This article compares, contrasts and proffers a rating for Apollo’s Local Cache, Recoil and Redux. - http://amp.gs/jjLyq

#react