graphql-react - GraphQL клиент для React, основанный на Context API и хуках
#graphql #react #frontend #webdev #jstools #javascript
#graphql #react #frontend #webdev #jstools #javascript
graphql-react.now.sh
graphql-react examples
This Next.js web app demonstrates server side rendering and functionality of the graphql-react and next-graphql-react npm packages.
Создание личного блога с помощью Gatsby и Netlify CMS
#cms #netlify #gatsby #frontend #react #webdev #jsarticle #javascript
#cms #netlify #gatsby #frontend #react #webdev #jsarticle #javascript
DEV Community
How to create a Personal blog site using Gatsby with Netlify CMS
Demo: My blog site I usually read technical blogs and found out that it is an awesome way to understa...
Утраченный потенциал ванильного JavaScript
Статья расказывает про то, почему иногда не нужно использовать фреймворки, что нужно чётко понимать зачем нужна та или иная технология и почему знание ванильного JavaScript более ценно, чем фреймворков
#jsarticle
Статья расказывает про то, почему иногда не нужно использовать фреймворки, что нужно чётко понимать зачем нужна та или иная технология и почему знание ванильного JavaScript более ценно, чем фреймворков
#jsarticle
Medium
The Lost Art of Vanilla JavaScript
When programming became gluing libraries together
Forwarded from Defront — про фронтенд-разработку и не только
Колин Бенделл из Cloudinary в статье "Microbrowsers are Everywhere" рассказал про микробраузеры, и почему они важны.
В статье микробраузерами называется механизм, который скачивает по ссылке html-страницу, парсит её и отображает короткое содержание страницы, используя мета-теги Open Graph, OEmbed, Twitter Cards или обычный description. Обычно такие превью можно увидеть в мессенджерах: Telegram, WhatsApp, Slack. Колин пишет про то, что в современном мире, первое впечатление о сайте как раз формируется благодаря таким превью. Владельцы сайтов не могут узнать, что страница была запрошена в превью режиме, так как одни мессенджеры маскируются под мобильные браузеры, а другие кешируют у себя на сервере результат парсинга и только им известно сколько человек увидело превью.
Пользователей мессенджеров огромное количество, поэтому важно сделать так, чтобы превью страниц работало без проблем. В статье есть несколько советов как оптимизировать страницу под микробраузеры, например, использовать только один мета-тег favicon (iMessage качает все ресурсы в синхронном режиме), не использовать UA-сниффинг для скрытия мета-тегов, предоставлять не более трёх изображений в
Как-то сильно не задумывался, что такие мелочи могут оказать положительный эффект на привлечение новых пользователей. В общем, статья хорошая, рекомендую почитать.
#mobile #ux
https://24ways.org/2019/microbrowsers-are-everywhere/
В статье микробраузерами называется механизм, который скачивает по ссылке html-страницу, парсит её и отображает короткое содержание страницы, используя мета-теги Open Graph, OEmbed, Twitter Cards или обычный description. Обычно такие превью можно увидеть в мессенджерах: Telegram, WhatsApp, Slack. Колин пишет про то, что в современном мире, первое впечатление о сайте как раз формируется благодаря таким превью. Владельцы сайтов не могут узнать, что страница была запрошена в превью режиме, так как одни мессенджеры маскируются под мобильные браузеры, а другие кешируют у себя на сервере результат парсинга и только им известно сколько человек увидело превью.
Пользователей мессенджеров огромное количество, поэтому важно сделать так, чтобы превью страниц работало без проблем. В статье есть несколько советов как оптимизировать страницу под микробраузеры, например, использовать только один мета-тег favicon (iMessage качает все ресурсы в синхронном режиме), не использовать UA-сниффинг для скрытия мета-тегов, предоставлять не более трёх изображений в
<meta property="og:image".Как-то сильно не задумывался, что такие мелочи могут оказать положительный эффект на привлечение новых пользователей. В общем, статья хорошая, рекомендую почитать.
#mobile #ux
https://24ways.org/2019/microbrowsers-are-everywhere/
24ways.org
Microbrowsers are Everywhere
Colin Bendell gets into the minutia of microbrowsers - the small previews of your site that are pervasive all around the web and through social media apps and search engines whenever an item of content on your site is referenced.
Как я тестирую мои React приложения в 2019
Автор рассказывает о том, как избегать лишних тестов (и багов) с помощью типизации и линтеров, как правильно выбрать инструменты тестирования и др.
#testing #javascript #jsarticle #frontend #webdev #react
Автор рассказывает о том, как избегать лишних тестов (и багов) с помощью типизации и линтеров, как правильно выбрать инструменты тестирования и др.
#testing #javascript #jsarticle #frontend #webdev #react
Ориентирование в мире хайповой фронтенд разработки
Kitze, автор доклада, объясняет, почему не всегда нужно использовать самые модные технологии, что не существует идеальных решений. Также он раскрывает основные проблемы современных фронтенд разработчиков
#jsvideo #frontend
Kitze, автор доклада, объясняет, почему не всегда нужно использовать самые модные технологии, что не существует идеальных решений. Также он раскрывает основные проблемы современных фронтенд разработчиков
#jsvideo #frontend
YouTube
[React Live 2019] 4. Kitze - Navigating the Hype Driven Frontend Development World
[React Live 2019] 4. Kitze - Navigating the Hype Driven Frontend Development World
**React Live 2019 **
806 Attendees
13 React Professionals speaking
Largest screen ever seen
Top Rated food & drinks included
React Live Pre-Sign up: https://confirmsubsc…
**React Live 2019 **
806 Attendees
13 React Professionals speaking
Largest screen ever seen
Top Rated food & drinks included
React Live Pre-Sign up: https://confirmsubsc…
Forwarded from Веб-стандарты (Веб-стандарты)
Разбираемся в JS-декораторах. Майк Грин заметил, как MobX использует декораторы для объявления полей классов, проникся и спешит поделиться — https://www.simplethread.com/understanding-js-decorators/
Лучшие практики для разработки крупномасштабных React приложений
#react #frontend #webdev #javascript #jsarticle
#react #frontend #webdev #javascript #jsarticle
Buttercms
React API: Best Practices for Building Large-Scale Applications
What are best practices for building a large React app? What libraries are useful for managing your app? Read this article to learn more.