Введение в React Easy State https://blog.risingstack.com/introducing-react-easy-state/
RisingStack Engineering - Node.js Tutorials & Resources
Introducing React Easy State | @RisingStack
Easy State is a React state management library which aims to be as close to vanilla JS as possible. By using ES6 Proxies, it can finally complete the magic of transparent reactivity.
Релиз Parcel v1.5.0: Source Maps, WebAssembly, Rust и многое другое https://medium.com/@devongovett/parcel-v1-5-0-released-source-maps-webassembly-rust-and-more-3a6385e43b95
Medium
📦 Parcel v1.5.0 released: Source Maps, WebAssembly, Rust, and more! 🚀
Today I’m super excited to release Parcel v1.5.0, the largest release since 1.0! Check it out on Github!
Часть 2: как остановить меня от собирания номеров кредитных карт с ваших сайтов https://hackernoon.com/part-2-how-to-stop-me-harvesting-credit-card-numbers-and-passwords-from-your-site-844f739659b9
Hackernoon
HackerNoon - read, write and learn about any technology
How hackers start their afternoon. HackerNoon is a free platform with 25k+ contributing writers. 100M+ humans have visited HackerNoon to learn about technology
karmatic — простое автоматическое (headless) браузерное тестирование на Karma, Webpack & Jasmine. https://github.com/developit/karmatic
GitHub
developit/karmatic
🦑 Easy automatic (headless) browser testing with Jest's API, but powered by Karma & Webpack. - developit/karmatic
Windows 10 Redstone 4 принесёт целый ворох новшеств https://3dnews.ru/965101/
3DNews - Daily Digital Digest
Windows 10 Redstone 4 принесёт целый ворох новшеств
Следующее крупное обновление Windows 10 выйдет весной и носит пока кодовое имя Redstone 4. Оно принесёт ряд новых функций помимо накопившихся исправлений, оптимизаций и заплаток. Коснёмся наиболее любопытных из возможностей, которые даст это бесплатное обновление
Angular провайдеры: как встроить третьестороннюю библиотеку? #angular https://hackernoon.com/angular-providers-how-to-inject-3rd-party-library-af4a78722864
Hackernoon
Angular Providers: How to inject 3rd party library? | Hacker Noon
Как использовать вариативные шрифты в реальном мире #common https://medium.com/clear-left-thinking/how-to-use-variable-fonts-in-the-real-world-e6d73065a604
Medium
How to use variable fonts in the real world
Using variable fonts in the real production context is tricky. Learn how we achieved it for the new Ampersand website.
Кто хочет подтянуть основы React за написанием своего чата?
Это легко можно сделать на онлайн-интенсиве doge.codes! Причем бесплатно, если постараться 🚀
5 недель работы над твоим знанием фронт-енда с опытным ментором — 20 000 звёзд у его проектов на GitHub. Гостевая лекция от разработчика команды Babel.
Хватит откладывать прокачку себя, 10% нового года уже прошло! Детали по ссылке👇
https://goo.gl/2EK19K
Это легко можно сделать на онлайн-интенсиве doge.codes! Причем бесплатно, если постараться 🚀
5 недель работы над твоим знанием фронт-енда с опытным ментором — 20 000 звёзд у его проектов на GitHub. Гостевая лекция от разработчика команды Babel.
Хватит откладывать прокачку себя, 10% нового года уже прошло! Детали по ссылке👇
https://goo.gl/2EK19K
doge.codes
Лучшие онлайн курсы | Doge Codes
Каждый курс — это разработка реального приложения по недельным спринтам. Весь процесс приближен к работе в проекте: есть тз, ментор-тимлид и сокурсники в роли коллег.
Учебник по GraphQL: Почему мы нуждаемся в новом типе API (Часть 1) #graph_ql https://www.smashingmagazine.com/2018/01/graphql-primer-new-api-part-2/
Smashing Magazine
A GraphQL Primer: The Evolution Of API Design (Part 2) — Smashing Magazine
In Part 1 we looked at how APIs have evolved over the last few decades and how each one gave way to the next. In this second part, let’s look at where mobile client API design appears to be headed — with a particular emphasis on GraphQL.
Подкаст «Фронтенд Юность (18+)» #36 Жалкая попытка Webpack догнать Parcel #common https://soundcloud.com/frontend_u/e36
SoundCloud
#36 Жалкая попытка Webpack догнать Parcel
Вступление (0:35)
Webpack 4 beta (4:07)
Styled Components 3.1.0 (31:28)
Speed up Your Node.js App with Native Addons (37:57)
PEG.js – Parser Generator for JavaScript (44:54)
Что любит Дэн Абрамов (56:
Webpack 4 beta (4:07)
Styled Components 3.1.0 (31:28)
Speed up Your Node.js App with Native Addons (37:57)
PEG.js – Parser Generator for JavaScript (44:54)
Что любит Дэн Абрамов (56:
Разработка PWA
PWA (Progressive Web Apps ) представляют собой смесь мобильного и веб приложений.
Для того чтобы написать PWA вам не нужно изучать Java или Swift. Достаточно ваших фронтовых навыков.
Но чем PWA отличаются от нативных или обычных веб-приложений? Какие приемущества они дают?
Безусловно, производительность нативных приложений выше, чем у PWA. Да и доступ к аппартным функциям смартфонов у PWA ограниченный. Однако, для того чтобы установить и начать пользоваться PWA вам не нужно искать его в App Store или Play Market. Соответственно и разработчику не нужно следовать огрничениям и условиям магазинов приложений.
Один из важнейших элементов PWA - это Service Workers. Именно service workers помогают вам реализовать push-уведомления или оффлайн работу приложения.
Подробнее о том, зачем нам PWA, как их писать и какие инструменты использовать, в нашем переводе статьи Progressive Web Apps — cледующий шаг в разработке веб приложений : https://goo.gl/ccF4d4
PWA (Progressive Web Apps ) представляют собой смесь мобильного и веб приложений.
Для того чтобы написать PWA вам не нужно изучать Java или Swift. Достаточно ваших фронтовых навыков.
Но чем PWA отличаются от нативных или обычных веб-приложений? Какие приемущества они дают?
Безусловно, производительность нативных приложений выше, чем у PWA. Да и доступ к аппартным функциям смартфонов у PWA ограниченный. Однако, для того чтобы установить и начать пользоваться PWA вам не нужно искать его в App Store или Play Market. Соответственно и разработчику не нужно следовать огрничениям и условиям магазинов приложений.
Один из важнейших элементов PWA - это Service Workers. Именно service workers помогают вам реализовать push-уведомления или оффлайн работу приложения.
Подробнее о том, зачем нам PWA, как их писать и какие инструменты использовать, в нашем переводе статьи Progressive Web Apps — cледующий шаг в разработке веб приложений : https://goo.gl/ccF4d4
Jem Space
Progressive Web Apps — cледующий шаг в разработке веб приложений
Что, если я скажу вам, что теперь веб-разработчик может легко создавать мобильные приложения? Все, что вам нужно знать это немного HTML, CSS и JavaScript, и вы готовы к бою! Не нужно проходить через боль при изучении нативных языков, таких как Java (для Android…
Рассказ о том, как не дать мне украсть номера кредиток и пароли у посетителей ваших сайтов https://habrahabr.ru/company/ruvds/blog/347958/
Хабр
Рассказ о том, как не дать мне украсть номера кредиток и пароли у посетителей ваших сайтов
Недавно мы опубликовали перевод истории программиста, придумавшего способ распространения вредоносного кода, который собирает данные банковских карт и пароли с т...
Автоматическое браузерное тестирование с помощью WebDriver API https://www.smashingmagazine.com/2018/01/automated-testing/
Smashing Magazine
Automated Browser Testing With The WebDriver API — Smashing Magazine
Manually clicking through different browsers as they run your development code, either locally or remotely, is a quick way to validate that code. However, it’s not a solution for testing the full breadth of your site’s code base on the assortment of browsers…
Фронтенд — это не больно! Пособие для разработчиков и сочувствующих #common https://bespoyasov.ru/front-not-pain/
bespoyasov.ru
Фронтенд — это не больно!
Пособие для разработчиков и сочувствующих.
Условный рендеринг в React с использованием тернаров и логических AND #react https://medium.freecodecamp.org/conditional-rendering-in-react-using-ternaries-and-logical-and-7807f53b6935
freeCodeCamp.org
Conditional Rendering in React using Ternaries and Logical AND
by Donavon West Conditional Rendering in React using Ternaries and Logical AND Photo by Brendan Church [https://unsplash.com/photos/pKeF6Tt3c08?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText] on Unsplash [https://unsplash.com/search/photos/road…
React Native — от нуля до App Store #react_native https://medium.com/@nik5036350/react-native-from-scratch-to-app-store-3172dc61190b
Medium
React Native — from scratch to App Store
Plan