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

How to replace RxJS observables with React hooks

As we saw in one of our previous articles, Doctolib is trying to help our new joiners to ramp up faster on our stack. One of the hardest…

194208:46пожаловаться #1

Рефакторинг опциональных цепочек(optional chaining) в большой кодовой базе: усвоенные уроки

https://gooo.im/9EXYwk #js

192510:07пожаловаться #2

2020 July 02

Элементы управления выбором - серия компонентов пользовательского интерфейса

https://uxdesign.cc/selection-controls-ui-component-series-3badc0bdb546

Selection controls — UI component series

Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design.

193909:06пожаловаться #3

react-native-share/react-native-share

React Native Share, простой инструмент для обмена сообщениями и файлами с другими приложениями.

https://gooo.im/Bh9bk8 #react_native

GitHub

Social share, sending simple data to other apps. Contribute to react-native-share/react-native-share development by creating an account on GitHub.

189811:58пожаловаться #4

2020 July 03

An Overview of Scroll Technologies | CSS-Tricks

Обзор технологий прокрутки

https://gooo.im/Q8gBMz

CSS-Tricks

188409:05пожаловаться #5

2020 July 04

Starter kits, themes and blocks to help you build Gatsby and Nextjs sites faster. Built using a styling library that has everything you care about. Speed and excellent developer experience.

reflexjs - коллекция тем и плагинов, которые помогут вам быстрее создавать сайты Gatsby.

https://reflexjs.org/

reflexjs.org

Build something amazing.

186011:06пожаловаться #6

If you have used tools like Google’s PageSpeed Insights, you probably have run into a suggestion to use “next-gen image formats”, namely Google’s WebP image format. Google claims that their WebP…

Действительно ли WebP лучше, чем JPEG?

https://gooo.im/RHaIfQ

siipo.la

Is WebP really better than JPEG?

183514:08пожаловаться #7

2020 July 05

Advice for Complex CSS Illustrations | CSS-Tricks

Советы для сложных CSS иллюстраций

https://gooo.im/D8Xu0Z #css

CSS-Tricks

If you were to ask me what question I hear most about front-end development, I’d say it’s"How do I get better at CSS?". That question usually comes up

180011:02пожаловаться #8

2020 July 06

Метод startsWith() в JavaScript

https://gooo.im/N6NNKM #js

String startsWith() Method in JavaScript

If you ever need to check if a string begins with another string in JavaScript, use ES6’s startsWith method…

182708:47пожаловаться #9

What's New In DevTools (Chrome 85) | Web | Google Developers

Что нового в DevTools (Chrome 85)

https://gooo.im/1gCYOs #tools

Google Developers

Style editing for CSS-in-JS frameworks, Lighthouse 6.0, new JavaScript features, and more.

181515:18пожаловаться #10

2020 July 07

Understanding Template Literals in JavaScript

Понимание шаблонных литералов в JavaScript

https://gooo.im/Q75zJP #js

Taniarascia

This article was originally written for DigitalOcean. Introduction The 2015 edition of the ECMAScript specification (ES6) added template…

180309:08пожаловаться #11

Using Babel Transforms to Inject Analytics Code in React Native Apps - Heap

Использование Babel Transforms для внедрения кода Google Analytics в React приложения

https://gooo.im/qtfU6n

Heap

In late 2018, we decided to add first-class support for React Native in Heap. This meant bringing Heap’s autocapture philosophy to the React Native platform: installing Heap on a React Native app should mean that all user interactions with the app are captured. This includes taps, changes to text fields, and more. This post will […]

177216:07пожаловаться #12

2020 July 08

Getting CSS Translate values with JavaScript | Zell Liew

Получение значений CSS Translate с помощью JavaScript

https://gooo.im/zY71T6 #js

Zell Liew

You can get CSS translate values in JavaScript by parsing 2d and 3d matrices. Here's how to do it, and what you should watch out for

174908:58пожаловаться #13

Build an Animated Accordion List in React Native

Создайте анимированный аккордеонов c React Native

https://gooo.im/aCrbQ4 #react_native

Theodo

175716:18пожаловаться #14

2020 July 09

5 steps to deal with bugs on your React applications

5 шагов для устранения ошибок в ваших React приложениях

https://gooo.im/NzVD5I #react

Joaoforja

In this article, we'll go over a process to deal with bugs in our React applications. This process seeks to not only fix current bugs but also to prevent future ones.

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

Server Side Rendering React App with Deno

Рендеринга React приложения на стороне сервера с Deno

https://gooo.im/MCbFAM #react #deno

dev.p.ota.to

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

2020 July 10

Как использовать Nullish Coalescing(оператор нуллевого слияния) в JavaScript

https://gooo.im/7UtsT7

Как использовать Nullish Coalescing(оператор нуллевого слияния) в JavaScript

В этой статье вы узнаете как работать с Nullish Coalsing, а именно оператором нулевого слияния в ES2020

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

A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins. - dotansimha/graphql-code-generator

GraphQL Codegen: генерирование кода из вашей схемы GraphQL

https://gooo.im/TaSlRj #graphql

GitHub

dotansimha/graphql-code-generator

169414:36пожаловаться #18

2020 July 11

Вы уже используете SVG фавикон? Руководство для современных браузеров.

https://gooo.im/5LVoD5

Are you using SVG favicons yet? A guide for modern browsers.

You probably don’t need all these icon links and sizes.

177411:37пожаловаться #19

Authentication for Next.js

NextAuth.js - аутентификация для Next.js и Serverless

Это комплексное решение со встроенной поддержкой популярных служб входа OAuth и поддержкой широкого спектра баз данных https://gooo.im/k5GP4f #nextjs

next-auth.js.org

NextAuth.js