Прикольная статейка о том, что происходит, когда мы вводим url сайта → https://medium.com/@352/how-stuff-works-what-happens-when-you-type-a-url-into-a-browser-bar-b4a1dbe0ae43
Medium
How Stuff Works: What Happens When You Type a URL Into a Browser Bar
Few would disagree that nothing has changed our lives more than the emergence and growth of the internet. Though it’s precursors were…
Если кто не знает - сейчас проходит ШРИ в Яндексе, все лекции выкладывают в YouTube. Сделанно качественно, обязательно посмотрите 👉 https://www.youtube.com/playlist?list=PLKaafC45L_SRqYQW-nFYw8bOlm3IYc2BI
YouTube
Школа разработки интерфейсов в Москве 2018
Share your videos with friends, family, and the world
Расширение для chrome, которое по клику на элементе копирует css-стили в буфер обмена. Интересная штука, буду тестить 👉 https://guivr.github.io/cssscan/
Пошаговое руководство по написанию GraphQL API, основанное на трехлетнем опыте работы с технологией → https://gist.github.com/swalkinshaw/3a33e2d292b60e68fcebe12b62bbb3e2
Gist
Designing a GraphQL API
Designing a GraphQL API. GitHub Gist: instantly share code, notes, and snippets.
Как уменьшить JS bundle, оптимизация и код сплиттинг в подробном обзоре от Джереми Вагнера и Эдди Османи 👉 https://developers.google.com/web/fundamentals/performance/optimizing-javanoscript/code-splitting/
web.dev
Reduce JavaScript payloads with code splitting | Articles | web.dev
Sending large JavaScript payloads impacts the speed of your site significantly. Instead of shipping all the JavaScript to your user as soon as the first page of your application is loaded, split your bundle into multiple pieces and only send what's necessary…
Классная статья о том, как использовать static-свойства в React → https://medium.com/front-end-hacking/understanding-static-in-javanoscript-10782149993
Medium
Response to
How I stumbled into learning something
Перевел для вас прикольную статью о том что такое Node.js, и почему она настолько популярна → http://telegra.ph/what-nodejs-08-11
Telegraph
Чем на самом деле является Node.js?
Node.js это - среда выполнения JavaScript. Что же это значит, и как работает? Окружение Node.js включает все, что вам нужно для выполнения программы, написанной на JavaScript.
Основы функционального программирования в картинках, наглядно, рекомендую 👉 http://adit.io/posts/2013-04-17-functors,_applicatives,_and_monads_in_pictures.html
www.adit.io
Functors, Applicatives, And Monads In Pictures - adit.io
Aditya Bhargava's personal blog.
Многие из тех, кто выкладывает фрагменты кода используют carbon, чтоб делать красочные сниппеты. Появился cli, многим будет удобнее 😉 https://github.com/mixn/carbon-now-cli/blob/master/readme.md
GitHub
mixn/carbon-now-cli
🎨 Beautiful images of your code — from right inside your terminal. - mixn/carbon-now-cli
Что такое WebAssembly, и где его можно использовать. Несомненно за этим будущее, но вопрос безопасности остаётся открытым 👉 https://blog.logrocket.com/webassembly-how-and-why-559b7f96cd71
LogRocket Blog
WebAssembly: How and why - LogRocket Blog
As we expect more applications to use WebAssembly, discover how to run native code in the browser and what this means for the future of web development.
Статья хоть и старенькая (по меркам фронтенда), но годная 👉 https://habr.com/company/devexpress/blog/305812/
Habr
Честный MVC на React + Redux
Эта статья о том, как построить архитектуру web-приложения в соответствии с принципами MVC на основе React и Redux. Прежде всего, она будет интересна тем разраб...
Классная заметка на тему контролируемых и неконтролируемых форм в React (обратите внимание что синтаксис у refs изменился) → https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/
Gosha Arinich
Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich
There are many articles saying you should use setState, and the docs claim refs are bad. So contradictory. How are you supposed to make forms?
Прикольный концепт веб-браузера (бакалаврская работа двух студентов-дизайнеров🙂), я бы купил → https://refresh.study/
refresh.study
Refresh – A fresh approach to the web browser
We spend so much time browsing the web that we hardly even think about the browser as an app. And while the web itself has undergone big changes in the last twenty years, browsers have remained largely the same. Refresh is a concept for a modern web browser…
Безсмертная тема - "как писать чистый код". Но думаю каждый сможет подчеркнуть для себя что-то новое 👉 https://hackernoon.com/write-clean-code-and-get-rid-of-code-smells-aea271f30318
Классная визуализация размера кодовой базы продуктов → https://informationisbeautiful.net/visualizations/million-lines-of-code/
Information is Beautiful
Million Lines of Code — Information is Beautiful
Is a million lines of code a lot? How many lines of code are there in Windows? Facebook? iPhone apps? Let our data-visualization program your brain.
"JS для нетерпеливых". Книга призвана научить основам JS специалистов, знающих другие яп 👉 http://exploringjs.com/impatient-js/
Заметка о том как работать с refs в React. Думаю многим будет полезно, сам по крайней мере часто сталкиваюсь, и как по мне - документация слишком лаконична → https://css-tricks.com/working-with-refs-in-react/
CSS-Tricks
Working with refs in React | CSS-Tricks
Refs make it possible to access DOM nodes directly within React. This comes in handy in situations where, just as one example, you want to change the child of
Почему важно знать JS перед изучением фреймворков → https://snipcart.com/blog/learn-vanilla-javanoscript-before-using-js-frameworks
Snipcart
Learn Vanilla JavaScript Before Fancy Frameworks
New to JavaScript? You should probably learn Vanilla JS before diving into a JavaScript framework. Read this to understand why.
Команда Netcracker о том, как они реализовывали микросервисную архитектуру на фронтенде 👉 https://habr.com/p/420753/
Habr
Микросервисный фронтенд — современный подход к разделению фронта
Микросервисная архитектура уже давно де-факто стала стандартом при разработке больших и сложных систем. Она имеет целый ряд преимуществ: это и строгое деление на модули, и слабая связность, и...
CSS Scroll Snap API - позволяет изменять стандартное поведение скролла под свои требования → https://developers.google.com/web/updates/2018/07/css-scroll-snap
web.dev
Well-controlled scrolling with CSS Scroll Snap | Articles | web.dev
CSS Scroll Snap allows web developers to create well-controlled scroll experiences by declaring scroll snapping positions. This enables common UX scroll patterns without the need for JavaScript.
Состоялся релиз Babel 7. В новой версии поддержка Typenoscript, автоматическое обновление, отказ от ежегодных предметов, новый вид конфигов, инструмент для миграции, и многое другое 👉 https://babeljs.io/blog/2018/08/27/7.0.0
babeljs.io
Babel 7 Released · Babel
After almost 2 years, 4k commits, over 50 pre-releases, and a lot of help we are excited to announce the release of Babel 7. It's been almost 3 years since the release of Babel 6! There's a lot of moving parts so please bear with us in the first weeks of…