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

Size: a a a

Frontend Info

2021 May 23

Как создать приложение для видеозвонков с WebRTC менее чем за 15 минут

https://medium.com/liki-blog/peer-to-peer-video-calling-app-with-webrtc-under-15-minutes-9fce4f15a2d4

Medium

Peer-to-peer video-calling app with WebRTC under 15 minutes.

Learn the basics of WebRTC technology

источник

68211:30пожаловаться #1

2021 May 24

Frontend Info

Заблуждения о виртуальном DOM

https://itnext.io/misconceptions-about-virtual-dom-35ec60b87086

Medium

Misconceptions about Virtual DOM

If you believe Virtual DOM is a “lightweight copy” of a real DOM helping to speed up the updates by batching them together— continue…

источник

92309:01пожаловаться #2

Frontend Info

@about_javascript Новый канал-сообщество для JavaScript-программистов!👨‍💻

Полезные видосы, смешные мемы и интересные статьи о самом перспективном языке программирования! 🐒

➡️ Подписаться

источник

85711:30пожаловаться #3

Frontend Info

Современный Javascript: все, что вы пропустили за последние 10 лет
Сандро Турриате написал шпаргалку, чтобы познакомить вас со всеми достоинствами JavaScript, которые широко поддерживаются в современных браузерах.

https://turriate.com/articles/modern-javascript-everything-you-missed-over-10-years

Sandro Turriate

Modern Javascript: Everything you missed over the last 10 years

JavaScript has come a long way since I knew it as the “D” in DHTML. For anyone like me, who’s been reluctant to use the latest syntax that could require polyfills or a transpiler, I’ve written this cheatsheet to get you caught up on all the goodness that’s widely supported in modern browsers.

источник

67017:01пожаловаться #4

2021 May 25

Frontend Info

Как добавить правила ESLint для сортировки импортов и аудита доступности

https://emilyxiong.medium.com/add-eslint-rules-to-sort-imports-and-audit-accessibility-7cde89308686

Medium

Add ESLint Rules to Sort Imports And Audit Accessibility

Adding ESLint rules to sort imports statements and audit accessibility will ensure code consistency across team and catch some errors…

источник

88808:46пожаловаться #5

Frontend Info

10 концепций JavaScript, которые должен знать каждый разработчик.

https://medium.com/geekculture/10-javascript-concepts-that-every-developer-should-know-702330e662e2

Medium

10 JavaScript Concepts That Every Developer Should Know.

Hi! Programmers, Today I will explore 10 javaScript Concepts That Every Developer Should Know. So, let’s go….

источник

77611:51пожаловаться #6

Frontend Info

CodePen Amazing - канал, на который выкладывают самые клевые проекты с CodePen.

Смотрите, вдохновляйтесь, творите!

- > @codepen_amazing

источник

71912:01пожаловаться #7

2021 May 26

Frontend Info

Разочаровывающие шаблоны дизайна: мега-выпадающие меню при наведении курсора
Виталий Фридман пишет о том, что нужно учитывать при проектировании и создании мега-раскрывающегося списка, а затем исследует альтернативы и делится деталями для разработки лучшего UX.

https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/

Smashing Magazine

Frustrating Design Patterns: Mega-Dropdown Hover Menus — Smashing Magazine

Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX.

источник

74508:46пожаловаться #8

Frontend Info

Удобные пользовательские React хуки для повседневного использования

https://sarat9.medium.com/handy-custom-react-hooks-for-daily-use-302c0d236001

Medium

Handy Custom React Hooks for Daily Use

If you are working on React, React hooks is one thing that makes your life easier. With custom hooks, you can make your code more reusable…

источник

65309:45пожаловаться #9

2021 May 27

Frontend Info

Learn CSS

Постоянно обновляемый курс по CSS и справочник для повышения вашего уровня.

https://web.dev/learn/css/

источник

64008:46пожаловаться #10

2021 May 28

Frontend Info

5 шагов к быстрым веб-шрифтам
Узнайте, как настроить файлы шрифтов и оптимизировать стратегию загрузки для максимальной скорости

https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/

Iain Bean

5 steps to faster web fonts /// Iain Bean

Fine-tune your font files and optimise your loading strategy for maximum speed + minimum FOUT

источник

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

2021 May 29

Frontend Info

Расширенная CSS анимация с использованием cubic-bezier()
Темани Афиф делится некоторыми приемами, которые могут помочь упростить работу со сложной CSS анимацией.

https://css-tricks.com/advanced-css-animation-using-cubic-bezier/

CSS-Tricks

Advanced CSS Animation Using cubic-bezier() | CSS-Tricks

When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks

источник

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

2021 May 30

Frontend Info

100 основных сокращений, которые должен знать каждый разработчик

https://www.works-hub.com/learn/top-100-acronyms-every-developer-must-know-d69e9

WorksHub

Top 100 Acronyms Every Developer Should Know | WorksHub

Every profession has its terms, jargon, and short forms that could get confusing if you’re not well versed in them, and can equally make your discussion a little lopsi...

источник

71813:03пожаловаться #13

2021 May 31

Frontend Info

Как начать работу с React Query - переход с Fetch

https://medium.com/the-react-native-log/how-to-get-started-with-react-query-migrate-from-fetch-18fb426c3760

Medium

How to Get Started with React Query — Migrate from Fetch

Write your first React Query request by converting a fetch request and see how to use cached data.

источник

81808:45пожаловаться #14

Frontend Info

Где лучше всего разместить Next.js сайт?

https://kontent.ai/blog/comparison-of-jamstack-hosting-platforms-for-next-js

Kentico Kontent

What’s The Best Place to Host Next.js Site? | Kentico Kontent

You’ve built your Next.js site and now you want to put it online for the world to see. Which platform is the best to host it?

источник

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

2021 June 01

Frontend Info

9 javascript алгоритмов с одним оператором для преобразования данных

Уменьшение нашей зависимости от Lodash за счет использования современного javascript для преобразования объектов и массивов

https://www.benmvp.com/blog/9-single-statement-javascript-algorithms-common-data-transformations/

Ben Ilegbodu

9 single-statement JS algorithms for common data transformations | Ben Ilegbodu

Reducing our reliance on Lodash by leveraging ESNext APIs to transform objects and arrays

источник

77608:45пожаловаться #16

Frontend Info

Использование форм в React

https://daveceddia.com/react-forms/

Dave Ceddia

Using Forms in React

Learn how to build forms with React, the difference between controlled and uncontrolled inputs, and which to use.

источник

55411:30пожаловаться #17

2021 June 02

Frontend Info

Тщательный анализ CSS-in-JS

https://css-tricks.com/a-thorough-analysis-of-css-in-js/

CSS-Tricks

A Thorough Analysis of CSS-in-JS | CSS-Tricks

Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more

источник

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

Frontend Info

Новый способ уменьшить влияние загрузки шрифтов: CSS Font Descriptors

https://www.smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/

Smashing Magazine

A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine

Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.

источник

56911:31пожаловаться #19

2021 June 03

Frontend Info

Новые стандарты доступа к оборудованию пользовательских устройств с помощью JavaScript - WebHID, WebNFC и Web Serial .

https://blog.bitsrc.io/new-standards-to-access-user-device-hardware-using-javascript-86b0c156dd3d

Medium

New Standards to Access Device Hardware using JavaScript

WebHID, WebNFC, and Web Serial have opened up new avenues to interact with user’s device hardware for web apps.

источник

65408:45пожаловаться #20