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

Size: a a a

Frontend Info

2020 July 12

Настройка рабочего процесса CI / CD для GitHub Actions для приложения React (с GitHub Pages и Codecov)

https://gooo.im/9Ehaly #tools

DEV Community

Setting up a CI/CD workflow on GitHub Actions for a React App (with GitHub Pages and Codecov)

In this tutorial, I'm going to show you how to create a simple workflow that I use on my personal pro...

источник

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

Frontend Info

await vs return vs return await

https://gooo.im/XMsmAo #js

Medium

await vs return vs return await

При написании асинхронных функций существуют различия между await , returnи return await , поэтому выбор реализации функции важен.

источник

180715:21пожаловаться #2

2020 July 13

Frontend Info

Рекомендуемые плагины Gatsby для использования в 2020 году

https://gooo.im/OLBUI9 #js #gatsby

Medium

10 Top GatsbyJS Plugins For 2020

источник

174808:22пожаловаться #3

Frontend Info

Необычные CSS свойства

В этой статье Ахмад Шейдед рассматривает некоторые интересные CSS свойства https://gooo.im/ti2KDJ #css

Ahmad Shadeed Blog

Uncommon CSS Properties - Ahmad Shadeed

источник

181118:55пожаловаться #4

2020 July 14

Frontend Info

12 полезных советов и приемов NPM для более продуктивной JavaScript разработки

https://gooo.im/gxjo66 #js #tools

Medium

NPM Tips and Tricks

12 useful NPM tips and tricks for more productive JavaScript coding.

источник

184208:26пожаловаться #5

Frontend Info

Четыре способа получения данных в React

https://gooo.im/MIcGpP #react

источник

178114:17пожаловаться #6

2020 July 15

Frontend Info

Новое в Chrome: вкладка «Обзор CSS»

Новая экспериментальная функция в Chrome выглядит действительно аккуратно. Он предоставляет обзор CSS на сайте, детализируя цвета, шрифты, медиа-запросы и неиспользованные объявления. #css #tools https://gooo.im/StyafN

CSS-Tricks

New in Chrome: CSS Overview

Here’s a fancy new experimental feature in Chrome! Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of

источник

183508:32пожаловаться #7

Frontend Info

Как использовать useCallback в React

https://gooo.im/EUiJKT #react

www.robinwieruch.de

How to useCallback in React - RWieruch

A tutorial about React's useCallback hook by example for performance optimizations in React function components ...

источник

175715:07пожаловаться #8

Frontend Info

Мы тонем в зависимостях, и нам это нравится

https://gooo.im/I6drD1 #tools

HTML Academy

Мы тонем в зависимостях, и нам это нравится

Рассказали, почему стоит отдавать предпочтение чистому JavaScript и следить, какие пакеты подключаете к проекту.

источник

171015:49пожаловаться #9

2020 July 16

Frontend Info

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

https://gooo.im/F5ZPp0 #ssr #next #gatsby #react

Smashing Magazine

Differences Between Static Generated Sites And Server-Side Rendered Apps — Smashing Magazine

Statically generated sites or pre-rendering and server-side rendered applications are two modern ways to build front-end applications using JavaScript frameworks. These two modes, yet different, are often mixed up as the same thing and in this tutorial, we’re going to learn about the differences between them.

источник

170108:22пожаловаться #10

Frontend Info

Видео лекций Школы разработки интерфейсов 2019–2020
https://www.youtube.com/playlist?list=PLKaafC45L_SRoYnuEW5cgqHN-kpSTVfMs

YouTube

Школа разработки интерфейсов 2019-2020 - YouTube

источник

170009:17пожаловаться #11

2020 July 17

Frontend Info

6 самых распространенных проблем доступности (и как их исправить)

https://gooo.im/eJdEwW #accessibility

Scott Logic

The 6 Most Common Accessibility Problems (and How to Fix Them)

Accessibility is essential to provide a high-quality experience for all of your users. However, it can be easy for failures to slip into our applications. In this post, we'll look at the six most common accessibility problems and discuss why they matter and how they can be fixed.

источник

175808:47пожаловаться #12

Frontend Info

Бесплатный видеокурс по созданию приложений с использованием Next.js и React

https://gooo.im/nxH8mC #react #nextjs

Masteringnextjs

Learn Next.js – A free video course on React and Next.js.

Learn how to build static and server-rendered applications with Next.js and React.

источник

185814:08пожаловаться #13

2020 July 18

Frontend Info

Полное руководство по темному режиму в Интернете

Охватывает различные варианты и подходы (дизайн, технические соображения и т.д.) для реализации темного режима. https://gooo.im/W2R2yk #css

CSS-Tricks

A Complete Guide to Dark Mode on the Web | CSS-Tricks

“Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… they all refer to and mean the same thing: a mostly-dark interface rather than a mostly-light interface.

источник

181710:17пожаловаться #14

2020 July 19

Frontend Info

Новости CSS за июль 2020

В этой статье Рэйчел Эндрю рассказывает о некоторых интересных CSS функциях, которые сейчас появляются в браузерах. https://gooo.im/jj1gix #css

Smashing Magazine

CSS News July 2020 — Smashing Magazine

In this article, Rachel Andrew takes a look at some of the interesting CSS features that are making their way into browsers right now.

источник

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

2020 July 20

Frontend Info

Вышел React Native 0.63

Последняя версия React Native поставляется с LogBox, совершенно новым способом мониторинга ошибок и предупреждений, возникающих в процессе разработки. https://gooo.im/0kf5Hd #react_native

reactnative.dev

Announcing React Native 0.63 with LogBox · React Native

Today we’re releasing React Native 0.63 that ships with LogBox turned on by default.

источник

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

Frontend Info

Что такое специфичность CSS?

Сара Чима объясняет специфичность CSS, важную тему для понимания, если вы хотите стать лучше в CSS. https://gooo.im/9bNnOT

Sarahchima

What is CSS Specificity?

CSS specificity is an important topic to understand if you want to get better at CSS. . In this article, we discuss what CSS specificity is and how it is used to determine which styles are applied to an element.