Инженеры Skillshare рассказали об опыте разработки на React+MobX. Рассказано красиво, но в реальной жизни все может быть по-другому) Но все-же почитать стоит: https://medium.com/p/a05442279a2b
Medium
How We Ditched Redux for MobX
An emotional journey through state management
Новые типы коллекций Set и WeakSet в обзоре на .getInstance 👉 https://youtu.be/aebSmg1DlN0
YouTube
Set & WeakSet
Типы коллекций Set и WeakSet представляют собой множество — набор уникальных значений. Дополнительные материалы: — Глава "Maps and Sets" из книги Акселя Рауш...
ndb, новый инструмент для продвинутой отладки Node.js-приложений 👉 https://github.com/GoogleChromeLabs/ndb
GitHub
GitHub - GoogleChromeLabs/ndb: ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools
ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools - GoogleChromeLabs/ndb
Заметка о SEO оптимизации SPA. Пререндер и SSR - наше все, пока 😒 https://www.codementor.io/vuejsdevelopers/is-my-single-page-application-seo-friendly-ig34ltmj0
www.codementor.io
Is My Single-Page Application SEO Friendly? | Codementor
SPAs typically provide a page to the browser that has no meaningful content. Content is instead loaded by AJAX as the user navigates the site. Can a search engine index this content? Does it rank as well as static HTML? This article will attempt to bring…
Разработчик PayPal рассказывает о PWA, что из себя представляет и почему стоит использовать 👉 https://medium.freecodecamp.org/progressive-web-apps-101-the-what-why-and-how-4aa5e9065ac2
freeCodeCamp.org
Progressive Web Apps 101: the What, Why and How
What is a Progressive Web App? Why do we need one? How can we build one?
Статья с множеством иллюстраций по свойствам flexbox от преподавателя freecodecamp → https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35
freeCodeCamp.org
Flexbox - The Ultimate CSS Flex Cheatsheet (with animated diagrams!)
This comprehensive CSS flexbox cheatsheet will cover everything you need to know to start using flexbox in your web projects. CSS flexbox layout allows you to easily format HTML. Flexbox makes it simple to align items vertically and horizontally using rows…
В продолжение предыдущего поста - хорошая статья про CSS grid от того же автора → https://medium.com/@js_tut/css-grid-tutorial-filling-in-the-gaps-c596c9534611
Medium
The Complete CSS Grid Tutorial
Here’s a list of my best web development tutorials.
Статья о новых фишках CSS. Использование показано во время пошагового написания мини-проэкта. Довольно познавательно → https://www.creativebloq.com/how-to/5-hot-new-css-features-and-how-to-use-them
Creative Bloq
5 hot new CSS features and how to use them
We explore the most exciting new properties coming to CSS.
Интересные способы применения CSS-свойства pointer-events → https://codepen.io/MartijnCuppens/pen/MBjqbM?editors=1100
Фишки для продвинутого дебага js-кода на примере Сhrome Devtools. https://css-tricks.com/debugging-tips-tricks/
CSS-Tricks
Debugging Tips and Tricks
Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging. When I
Перевел для Вас статью о render props в React, прикольный подход к построению переиспользуемых компонентов👍. #нашперевод http://telegra.ph/Razbiraemsya-s-Render-Props-na-primere-07-27
Telegraph
Разбираемся с Render Props на примере
Честно говоря, раньше я не представлял ситуаций, в которых можно применить React render props, пока не увидел практический пример, поэтому, поехали! Или можете прочитать TLDR; Ситуация: Нам поручено создать кнопку, открывающую окно PayPal: Мы открываем наш…
Прикольный инструмент, показывает повторяющийся код и копипасту) Думаю можно поставить на пре-коммит: https://github.com/danielstjules/jsinspect
GitHub
GitHub - danielstjules/jsinspect: Detect copy-pasted and structurally similar code
Detect copy-pasted and structurally similar code. Contribute to danielstjules/jsinspect development by creating an account on GitHub.
Представлено Page Lifecycle API, позволяющее обрабатывать изменения состояния document и DOM-элементов. Пока только Chrome 😞. https://developers.google.com/web/updates/2018/07/page-lifecycle-api
Chrome for Developers
Page Lifecycle API | Web Platform | Chrome for Developers
The Page Lifecycle API brings app lifecycle features common on mobile operating systems to the web. Browsers are now able to safely freeze and discard background pages to conserve resources, and developers can safely handle these interventions without affecting…
Краткий обзор библиотеки для #ML TensorFlow.js. История, основные API, примеры использования: https://medium.freecodecamp.org/get-to-know-tensorflow-js-in-7-minutes-afcd0dfd3d2f
freeCodeCamp.org
Get to know TensorFlow.js in 7 minutes
And learn how you can run ML/DL models directly in the browser
Статейка о margin: auto во flex. Довольно наглядно показано ⟶ https://css-tricks.com/the-peculiar-magic-of-flexbox-and-auto-margins/
CSS-Tricks
The peculiar magic of flexbox and auto margins | CSS-Tricks
In front-end development, there are often times when I know that I don’t know something. I might know enough to know what CSS to search for, but I have
Почему YouTube, в Firefox и Edge открывается в 5 раз дольше чем в Chrome → https://habr.com/post/418105/
Habr
Почему открытие YouTube в Firefox или Edge может занимать в 5 раз дольше, чем в Google Chrome
Неожиданным открытием поделился сегодня с общественностью Крис Петерсон из Mozilla: как выяснилось, в данный момент открытие страницы YouTube в браузерах Firefox и Edge происходит в 5 раз медленнее,...
Подробные роадмапы для веб-разработчиков (как фронтенд так и бэкенд) → https://medium.com/level-up-web/developer-roadmaps-all-in-one-place-75c0402db0e0
Medium
Web Developer Roadmaps: All In One Place
by Bradley Nice, Content Manager at ClickHelp.com — software documentation tool
Оливер Уильямс о том, как сделать по-настоящему переиспользуемый компонент (Custom Elements, Shadow DOM, и NPM) → https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/
Smashing Magazine
The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM — Smashing Magazine
Developers conduct AB tests, accessibility audits, unit tests and cross-browser checks. Once you’ve solved a problem, you don’t want to repeat that effort. By building a reusable component library, we can continuously utilize past efforts and avoid revisiting…
Наткнулся на интересный пост о том, как введение GDPR повлияло на компании за 2 мес → https://habr.com/company/it-grad/blog/418501/
Хабр
Жертвы GDPR: кто уже прекратил работу из-за нового регулирования персональных данных
Европейский общий регламент по защите данных вступил в силу два месяца назад. Пока IT-сектор размышляет о будущем крупных информационных гигантов, перемены уже п...
Addy Osmani о проблемах перформанса js, способах их аудита и решения → https://medium.com/@addyosmani/the-cost-of-javanoscript-in-2018-7d8950fbb5d4
Medium
The Cost Of JavaScript In 2018
Update: The Cost Of JavaScript In 2019 is now available to read.