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
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
Deploying a Serverless API to AWS with Claudia.js

Learn the bare basics of how Claudia.js can simplify deploying a serverless API to AWS Lambda by building it in a traditional Express.js style. - http://amp.gs/jjW7Y

#nodejs
System *Things

Chris writes all about one of the weirdest revelations I’ve had lately, too: the discovery of system colors. Think of these as variables that you can use but browsers and operating systems will likely render them completely differently - http://amp.gs/jjoRc

#css
Building a Tag Input Component with the Vue 3 Composition API

Here's a walkthrough of how to build a tag input component with the Vue 3 composition API step by step. - http://amp.gs/jjMV3

#vue
Nine JavaScript and TypeScript ORMs for 2021

I was surprised how well this did, so clearly a lot of people are on the look out for new data management solutions.. :-) This is a roundup, complete with code examples, showing off a variety of tools like Knex.js, Mongoose, TypeORM, Waterline, and Bookshelf. - http://amp.gs/jjQO1

#nodejs
How to Structure Angular Apps in 2021

This is how I structure my angular applications for extensive flexibility, scalability and smaller initial… - http://amp.gs/jjc3J

#angular