Телеграмм чат группы frontend

Лучшие практики для написания Dockerfile

https://blog.bitsrc.io/best-practices-for-writing-a-dockerfile-68893706c3

Best Practices for Writing a Dockerfile

Optimize your Docker Image by following these best practices from day one.

237912:15пожаловаться #1

2021 January 17

The best web accessibility tools for developers in 2021

Лучшие инструменты веб-доступности для разработчиков в 2021 году

https://dev.to/jaketracey/the-best-web-accessibility-tools-for-developers-in-2021-8c8

DEV Community

The quality of the tools you use defines the speed with which you can diagnose and resolve problems....

237712:30пожаловаться #2

2021 January 18

Case Conversion in JavaScript | Codementor

Case Conversion in JavaScript

https://www.codementor.io/@zellliew/case-conversion-in-javascript-1dz7e7sbpe

www.codementor.io

How to convert any string in JavaScript into kebab case, camel case, sentence case, or title case.

238809:45пожаловаться #3

2021 January 19

The New Array Method You'll Enjoy: array.at(index)

Новый метод массива, который вам понравится: array.at(index)array.at(index)

https://dmitripavlutin.com/javascript-array-at/

Dmitri Pavlutin Blog

array.at(index) method in JavaScript accesses array items at positive and (finally!) at negative indexes.

244309:45пожаловаться #4

2021 January 20

Как использовать data атрибуты в JavaScript, CSS и HTML

https://medium.com/javascript-in-plain-english/quick-guide-to-using-data-attributes-f1f2c3161d5f

How To Use Data Attributes In JavaScript, CSS + HTML

The smart way to store additional information on the DOM

254909:45пожаловаться #5

2021 January 21

Случайные числа в JavaScript: от Math.random () к квантовым колебаниям вакуума

Почему JS Math.random () не является абсолютно случайным и как вы можете получить действительно случайные числа. https://blog.bitsrc.io/random-numbers-in-javascript-from-math-random-to-the-quantum-fluctuations-of-a-vacuum-5be441dd099a

Random Numbers in JavaScript: From Math.random() to the Quantum Fluctuations of a Vacuum

Why JS Math.random() is not perfectly random and how you can get truly random numbers.

248009:45пожаловаться #6

2021 January 22

Refactoring a Redux app to use Recoil - LogRocket Blog

Рефакторинг Redux приложения для использования Recoil

https://blog.logrocket.com/refactoring-redux-app-to-use-recoil/

LogRocket Blog

Get hands-on with Facebook's nascent Recoil library by refactoring a Redux app and comparing their differences in implementation.

242709:45пожаловаться #7

2021 January 23

10 best practices to containerize Node.js web applications with Docker | Snyk Blog

10 лучших практик контейнеризации Node.js приложений с помощью Docker

https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/

Snyk

Are you looking for best practices on how to build Node.js Docker images for your web applications? Then you’ve come to the right place!

238012:16пожаловаться #8

2021 January 24

useCallback может быть тем, что вы имели в виду под useRef & useEffect

https://medium.com/welldone-software/usecallback-might-be-what-you-meant-by-useref-useeffect-773bc0278ae

useCallback Might Be What You Meant By useRef & useEffect

Sometimes we respond to React element mounts. The first instinct is to useRef & useEffect. But what you need is often useCallback.

223212:16пожаловаться #9

2021 January 25

Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap.

Sortable 1.13.0 - создание и изменение порядка списков с помощью перетаскивания

Поддерживая все современные браузеры и сенсорные устройства, эта библиотека обрабатывает перетаскивание списка в список с автоматической прокруткой, CSS анимацией, поддержкой множественного перетаскивания. https://gooo.im/CWYeSq

sortablejs.github.io

210409:45пожаловаться #10

What writing my own JSX renderer taught me about React

Что я узнал о React при написании собственного JSX-рендерера

https://startup-cto.net/writing-markdown-with-jsx/ #react

The Startup CTO

One of the reasons that React got so popular is definitively the syntax it introduced: Writing HTML-like code to declaratively describe components just feels good. But this brought me to the question: Why is this syntax only used for React, basically for describing HTML? Well, it isn't.

223009:45пожаловаться #11

Tip: Lazy-load non-critical resources when a user interacts with UI requiring it. Your page may contain code or data for a component or resource that isnt im...

Содержательное руководство от Адди Османи о том, как импортировать код для экономии трафика и повышения производительности веб-приложений.

https://addyosmani.com/blog/import-on-interaction/

Addyosmani

The Import On Interaction Pattern

216414:30пожаловаться #12

2021 January 26

A centralized system for displaying and stylizing focus indicators anywhere on a webpage. - discord/focus-rings

focus-rings - централизованная система для отображения и стилизации индикаторов фокусировки - от команды Discord,

Решение на основе React для визуализации чистых и согласованных индикаторов фокусировки для навигации с помощью клавиатуры.
https://gooo.im/I27x8V

GitHub

discord/focus-rings

212609:45пожаловаться #13

Add a Shopping Cart to Any Website

Выбор лучшего генератора статических сайтов на 2021 год

https://snipcart.com/blog/choose-best-static-site-generator

Pick the Best Static Site Generator for 2021 - Snipcart

Read this guide to 1) understand static site generators, and 2) pick one of the best 6 — Next, Eleventy, Gatsby, Nuxt, Hugo, and Jekyll.

224509:46пожаловаться #14

2021 January 27

Comprehensive language-agnostic guidelines on variables naming. Home of the A/HC/LC pattern. - kettanaito/naming-cheatsheet

Некоторые не зависящие от языка рекомендации по именованию переменных

https://github.com/kettanaito/naming-cheatsheet

GitHub

kettanaito/naming-cheatsheet

219209:45пожаловаться #15

Recently I have been thinking and talking to other people about open source security. The more conversations I had, the more convinced I became that this is a very complex topic. It is full of nuance and conflicting opinions. It is also an area that is in need of guidance

Защита вашего GitHub проекта

https://marcinhoppe.com/securing-your-github-project/

Marcin Hoppe

Securing Your GitHub Project

244815:30пожаловаться #16

2021 January 28

Understanding Clip Path in CSS - Ahmad Shadeed

Узнайте все о CSS clip-path, о том, как это работает, с примерами и вариантами использования

https://ishadeed.com/article/clip-path/

Ahmad Shadeed Blog

An introduction about CSS clip-path, how it works, with example and use-cases.

234509:45пожаловаться #17

2021 January 29

Records and Tuples: JavaScript's New Immutable Data Types - SitePoint

Новые неизменяемые типы данных JavaScript: Records и Tuples

https://www.sitepoint.com/records-tuples-javascript-immutable-data-types/ #js

Sitepoint

Are you frustrated by immutability issues in JavaScript? Learn how records and tuples will finally permit robust immutable data storage and comparisons.

234209:45пожаловаться #18

2021 January 30

I think the folks building Tailwind are talented and nice people. But at a pure technical level, I simply don't like Tailwind. Whoever it was built for, it was not built for me.

Почему Tailwind ветер не для меня

Джаред Уайт рассказывает, почему он не в восторге от Tailwind CSS. https://dev.to/jaredcwhite/why-tailwind-isn-t-for-me-5c90

DEV Community

Why Tailwind Isn't for Me

219112:16пожаловаться #19

2021 January 31

Как добавить react-i18next в ваше приложение React

https://medium.com/javascript-in-plain-english/how-to-add-react-i18next-3d6ace7cf58e

How to add react-i18next to your React app

React-i18next is internationalization framework for React. This blog is a step-by-step guide about adding react-118next to a React project…