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

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

2018 November 07

Учим CSS Grid за 5 минут

https://medium.com/webbdev/grid-47c3076539c3 #css

Быстро познакомимся с будущим макетов веб-сайтов.

Учим CSS Grid за 5 минут

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

2018 November 08

5 способов написания стилей для React компонентов в 2019

https://blog.bitsrc.io/5-ways-to-style-react-components-in-2019-30f1ccc2b5b #css #react

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

Как быстро спроектировать сайт с помощью CSS Grid

Статья о работе с grid-template-areas для разработки адаптивного макета страницы

https://medium.com/webbdev/grid-f81f2dd422bc #css

Как быстро спроектировать сайт с помощью CSS Grid

Модуль CSS Grid — это фантастический инструмент для создания макетов веб-сайтов. Он позволяет вам экспериментировать с макетами быстрее…

20019:11пожаловаться #4

2018 November 09

How to create very cool effects with a rarely used feature.
TL/DR: When you use eight values specifying border-radius in CSS, you can create
organic looking shapes. WOW. No time to read it all ?— we made a visual tool for
you. Find it here. [https://9elements.github.io/fancy-border-radius/]

Introduction
During this year’s Frontend Conference Zurich [https://frontendconf.ch/]
Rachel
Andrew [https://medium.com/@rachelandrew] talked about Unlocking the Power of
CSS Grid Layout [https://vimeo.co

CSS BORDER-RADIUS CAN DO THAT?

https://9elements.com/io/css-border-radius/ #css

9elements Blog

CSS Border-Radius Can Do That?

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

Execute npm Package Binaries with the npx Package Runner

Egghead курс "Execute npm Package Binaries with the npx Package Runner"

Этот курс от Elijah Manor раскрывает возможности утилиты npx. Всего за 17 минут вы ознакомитесь с npx package runner и рассмотрите различные сценарии запуска node packages из командной строки. Вы научитесь использовать npm для:

- проверить различные версии пакета
- запускать пакеты без глобальной установки
- запустить код непосредственно из GitHub
- упростить работу с пакетами

https://egghead.io/courses/execute-npm-package-binaries-with-the-npx-package-runner #video #tools

egghead

You can’t be everywhere at once. Neither can node packages. But with a utility called npx — included in npm v5.2 and later — you can interact and run with node modules even if they’re not downloaded locally. The same is true for gists and remote branches of GitHub. As long as npm installed, your work can be wherever you are.

This course from Elijah Manor unlocks the power of the npx utility. Over 17 minutes, we will examine the npx package runner and look through various scenarios where the tool is helpful when running node packages from the command line. You’ll learn to use npm to:

test out various versions of a package
run packages without globally installing
run code directly from GitHub
make working with packages much easier

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

2018 November 10

Continuous Integration with Prettier + ESLint

https://blog.bitsrc.io/continuous-integration-with-prettier-eslint-c4f4e61b550b #tools

Continuous Integration with Prettier + ESLint

Using automation to make code reviews better.

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

2018 November 11

The one-page guide to GraphQL: usage, examples, links, snippets, and more.

GraphQL шпаргалка

https://devhints.io/graphql #graphql

Devhints.io cheatsheets

GraphQL cheatsheet

23810:56пожаловаться #8

2018 November 12

The optimistic UI with React

Going through the Optimistic UI approach in pure #react apps and Apollo #graphql
https://uxdesign.cc/the-optimistic-ui-with-react-f1420e317d54

Going through the Optimistic UI approach in pure React apps and Apollo Graphql

The optimistic UI with React

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

2018 November 13

How to Build a ReactJS SPA using Apollo Client, NextJS, Storybook and Material-UI

Как создать ReactJS SPA с помощью Apollo Client, NextJS, Storybook и Material-UI

https://rubygarage.org/blog/spa-tutorial-on-reactjs #react #graphql

rubygarage.org

A detailed step-by-step guide to create a single page application using ReactJS backed up with such popular technologies as Apollo Client, NextJS, Storybook and Material-UI

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

2018 November 14

React 16.0–16.6 new features for every day use

React 16.0–16.6 новые функции для ежедневного использования

Это короткий чит-лист для разработчиков, которые переходят с React 15 на React 16 или с более ранних версий 16.x до 16.6. Он фокусируется на функциях, которые вы часто будете использовать. #react
https://hackernoon.com/react-16-0-16-3-new-features-for-every-day-use-f397da374acf

Hackernoon

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

2018 November 16

web.dev web.dev

Новый сайт команды разработчиков Chrome, который призван помочь разработчикам изучить и применить современные возможности к своим сайтам и приложениям.

https://web.dev

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

2018 November 17

Implementing Smooth Scrolling in React

Реализация плавной прокрутки в React приложении с помощью react-scroll

https://scotch.io/tutorials/implementing-smooth-scrolling-in-react #react

Scotch

Implement Smooth Scrolling in React using the NPM package, react-scroll

24311:00пожаловаться #13

2018 November 18

Transforms SVG into React Components.

SVGR : конвертор SVG в JSX

https://svgr.now.sh #tools

React-Svgr

Playground - SVGR

21511:01пожаловаться #14

Записи докладов с конференции KharkivJS

https://www.youtube.com/channel/UCYCPt7SWMZa4T8GwkQ-K-0A/videos #video

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

Интересуешься Frontend разработкой? Тогда тебе стоит взглянуть на один интересный канал. Здесь публикуются: годные статьи, интересные новости и обучающие видеоматериалы. @frontendnoteschannel

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

2018 November 19

Оптимизация быстродействия основного лендинга Netflix

https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9