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

Size: a a a

Frontend Info

2021 August 07

9 полезных CSS-приемов, которые вы должны знать

https://medium.muz.li/9-useful-css-tricks-that-you-should-know-39dd79f09d37

Medium

9 Useful CSS Tricks that You Should Know

Discover new things about CSS, you’ll be fascinated by it, and everything will be more interesting.

источник

146913:01пожаловаться #1

2021 August 08

Frontend Info

Чего мы ожидаем от разработчиков программного обеспечения на каждом уровне

https://dafir.medium.com/what-we-expect-from-software-developers-on-each-level-f7b44abb71da

Medium

What We Expect From Software Developers on Each Level

I posted in a separate post about the process we’ve been doing recently in our enineering department, where we started working with levels…

источник

144813:00пожаловаться #2

2021 August 09

Frontend Info

Тестирование доступности с помощью Storybook

https://storybook.js.org/blog/accessibility-testing-with-storybook/

Storybook Blog

Accessibility testing with Storybook

Fast feedback with integrated tooling

источник

143809:16пожаловаться #3

2021 August 10

Frontend Info

Визуальное руководство по React Rendering - useMemo

https://alexsidorenko.com/blog/react-render-usememo/

Alexsidorenko

A Visual Guide to React Rendering - useMemo

How useMemo can help you prevent unnecessary re-renders.

источник

134309:15пожаловаться #4

Frontend Info

React Children и итерационные методы

https://www.smashingmagazine.com/2021/08/react-children-iteration-methods/

Smashing Magazine

React Children And Iteration Methods — Smashing Magazine

In this article, we’ll discuss and learn about the use case of iterating over React `children` and the ways to do it. In particular, we will deep dive into one of the utility methods, `React.Children.toArray`, that React gives us, which helps to iterate over the children in a way which ensures performance and determinism.

источник

131414:30пожаловаться #5

2021 August 11

Frontend Info

Магия Webpack и yarn против дубликатов в сборке

https://adevnadia.medium.com/webpack-and-yarn-magic-against-duplicates-in-bundles-52b5e1a5e2e2

Medium

Webpack and yarn magic against duplicates in bundles

Exploration and deep dive into where duplicate dependencies are coming from in modern frontend projects and how to fight them (and win!)

источник

127509:15пожаловаться #6

2021 August 12

Frontend Info

Прощай Create React App, привет Next.js

https://medium.com/bits-of-good/goodbye-create-react-app-hello-next-js-532d7e3ab158

Medium

Goodbye Create React App, Hello Next.js

In 2020, there are a lot of frameworks and tools for creating websites. If you wanted to create a new website using React, a common…

источник

111009:48пожаловаться #7

2021 August 13

Frontend Info

Вертикальное выравнивание кнопки

https://ishadeed.com/article/button-label-alignment/

Ahmad Shadeed Blog

Aligning a Button Label Vertically - Ahmad Shadeed

How to align a button content in web fonts with large spacing above and below the text.

источник

90509:15пожаловаться #8

2021 August 14

Frontend Info

Рефакторинг CSS: стратегия, регрессионное тестирование и обслуживание (2 часть)

https://www.smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2

Smashing Magazine

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2) — Smashing Magazine

In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

источник

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

2021 August 15

Frontend Info

CSS логические свойства и значения

https://css-tricks.com/css-logical-properties-and-values/

CSS-Tricks

CSS Logical Properties and Values

Now that cross-browser support is at a tipping point, it's a good time to take a look at logical properties and values. If you're creating a website in

источник

132611:15пожаловаться #10

2021 August 16

Frontend Info

Как расширения Chrome влияют на производительность браузера?

Мэтт Зойнерт исследует, как 1000 самых популярных расширений Chrome влияют на производительность браузера и удобство работы конечных пользователей.

https://www.debugbear.com/blog/chrome-extension-performance-2021

Debugbear

How do Chrome extensions impact browser performance?

This article looks at how 1000 popular Chrome extensions impact the performance of the browser.

источник

140109:16пожаловаться #11

2021 August 17

Frontend Info

Учебник по CSS transform

Джош В. Комо подробно рассматривает свойство transform и показывает некоторые изящные вещи, которые оно может делать.

https://www.joshwcomeau.com/css/transforms/

Joshwcomeau

The World of CSS Transforms

The “transform” property is such a powerful part of the CSS language! In this blog post, we'll take a deep look at this property and see some of the nifty things it can do.

источник

126809:15пожаловаться #12

2021 August 18

Frontend Info

HTTP/3 от А до Я: основные концепции (часть 1)

После почти пяти лет разработки новый протокол HTTP / 3 приближается к своей окончательной форме. Узнайте все об этом из этой серии статей Робина Маркса.

https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/

Smashing Magazine

HTTP/3 From A To Z: Core Concepts (Part 1) — Smashing Magazine

What exactly is HTTP/3? Why was it needed so soon after HTTP/2 (which was only finalized in 2015)? How can or should you use it? And especially, how does this improve web performance? Let’s find out.

источник

128109:15пожаловаться #13

2021 August 19

Frontend Info

Как использовать конечные автоматы в React?

https://tsh.io/blog/finite-state-machines-in-react/

The Software House

Frontend development. How to use finite state machines in React? | TSH.io

Finite state machines in React? I know, it sounds crazy. But if you introduce state machines in frontend development they will work miracles for your project.

источник

109309:16пожаловаться #14

2021 August 20

Frontend Info

Event-driven APIs - понимание принципов

Что такое Event-driven APIs? Чем они отличаются от REST API? Как использовать Webhooks, WebSockets и Server-Sent Events для их создания?

https://medium.com/event-driven-utopia/event-driven-apis-understanding-the-principles-c3208308d4b2

Medium

Event-driven APIs — Understanding the Principles

What are event-driven APIs? How do they differ from REST APIs? What technology choices are there to build them?

источник

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

2021 August 21

Frontend Info

The State Of Mobile First and Desktop First

https://ishadeed.com/article/the-state-of-mobile-first-and-desktop-first/

Ahmad Shadeed Blog

The State Of Mobile First and Desktop First - Ahmad Shadeed

Is mobile first or desktop first still relevant today? An article that explores both with pros and cons for each.

источник

24111:15пожаловаться #16

2021 August 22

Frontend Info

Изучение CSS Paint API: эффект фрагментации изображения

https://css-tricks.com/exploring-the-css-paint-api-image-fragmentation-effect/

CSS-Tricks

Exploring the CSS Paint API: Image Fragmentation Effect

In my previous article, I created a fragmentation effect using CSS mask and custom properties. It was a neat effect but it has one drawback: it uses a lot

источник

142511:15пожаловаться #17

2021 August 24

Frontend Info

Рассказываем о телеграм-канале Highload, новом медиа для разработчиков.

Highload — это издание с полезными техническими решениями и интересными историями из жизни тех, кто пишет код. Тут вы можете почитать про:

- Какие фриланс-платформы лучше выбрать фрилансеру для работы
- Как определить хороший ли код вы пишете
- Пошаговая инструкция, как найти новую работу в IT
- Как разработчику повысить продуктивность
- С чего начать и как искать проекты на GitHub

Подписывайтесь на канал: https://t.me/highloadtoday/

Highload - медиа для разработчиков

Рассказываем о людях, которые создают код, и о коде, который они пишут.

Связаться с редакцией можно здесь: news@highload.today. А по вопросам размещения рекламы, пожалуйста, пишите на specials@highload.today.

источник

143112:06пожаловаться #18

2021 August 25

Frontend Info

Введение в Atomic Layout для React приложений

https://blog.bitsrc.io/introduction-to-atomic-layout-for-react-applications-3bfe5427d69a

Medium

Introduction to Atomic Layout for React Applications

Learn how to create a grid-based layout for your React components.