Пишем JS библиотеку, которая будет менее 1TB по размеру . Небольшое руководство для создания экстра-маленьких библиотек https://medium.com/@kelin2025/writing-js-libraries-less-than-1tb-size-6342da0c006a
Medium
Writing JS libraries less than 1TB size
A small guide to create extra small libraries
Сделали для вас перевод статьи про основные front end тренды 2018.
#web #js
Если хотите спойлер, то:
🔸 Vue превозмогает React, но React + Next.js не сдаются
🔸Angular остается основным энтерпрайз фреймворком (но это не точно)
🔸Reason и Reason-react - JavaScript + OCaml экосистема
🔸GraphQL как замена RESTful
🔸Relay Modern и Apollo для фетчинга данных в связке с Redux
🔸Storybook для создания и тестирования UI компонентов
🔸Prettier сделает ваш код приятнее (для всех)
🔸Изучите Snapshots Jest и Enzyme
🔸Parcel притирает Webpack
🔸React Native & Electron все еще на коне
Подробнее по ссылке: https://goo.gl/JoZdGy
#web #js
Если хотите спойлер, то:
🔸 Vue превозмогает React, но React + Next.js не сдаются
🔸Angular остается основным энтерпрайз фреймворком (но это не точно)
🔸Reason и Reason-react - JavaScript + OCaml экосистема
🔸GraphQL как замена RESTful
🔸Relay Modern и Apollo для фетчинга данных в связке с Redux
🔸Storybook для создания и тестирования UI компонентов
🔸Prettier сделает ваш код приятнее (для всех)
🔸Изучите Snapshots Jest и Enzyme
🔸Parcel притирает Webpack
🔸React Native & Electron все еще на коне
Подробнее по ссылке: https://goo.gl/JoZdGy
Jem Space
Основные JavaScript тренды 2018
Если вы жили в глуши или были завалены проектами на протяжении 2017 года, эта статья для вас. Вы можете использовать эту статью как руководство для планирования своего роста как разработчика в 2018 году, что позволит вам получить более передовые проекты.…
Использование нейронной сети для восстановления повреждённых изображений http://www.opennet.ru/opennews/art.shtml?num=47831
www.opennet.ru
Использование нейронной сети для восстановления повреждённых изображений
Группа исследователей из Сколковского института науки и технологий, компании Yandex и Оксфордского университета опубликовала свои наработки в области применения свёрточных нейронных сетей для восстановления утерянных участков повреждённых изображений, устранения…
3 причины выбрать Vue вместо React в 2018 https://medium.com/@derickruizen/want-to-get-things-done-and-ship-3-reasons-to-choose-vue-over-react-in-2018-8de3fe710211
Medium
Want to get things done and ship? 3 reasons to choose Vue over React in 2018.
I’ve had the privilege to use both Vue and React in previous freelance projects I’ve worked on.
Понимание исходного кода React — начальный рендеринг https://hackernoon.com/understanding-the-react-source-code-initial-rendering-simple-component-i-80263fe46cf1
Hackernoon
Understanding the React Source Code — Initial Rendering (Simple Component) I | Hacker Noon
Как я создал говорящий emoji с помощью обычных emoji и JavaScript https://hackernoon.com/how-i-made-a-talking-emoji-using-regular-emojis-and-javascript-fe20e62ba10
Hackernoon
I made a talking emoji using regular emojis and JavaScript
Как обфусцировать имена классов CSS с помощью React и Webpack https://develoger.com/how-to-obfuscate-css-class-names-with-react-and-webpack-20e2b5c49cda
Medium
How to obfuscate CSS class names with React and Webpack
Motivation
Спросите у Яндекса про интерфейсы — запись трансляции https://www.youtube.com/watch?v=nmr5RoZa1Vs
YouTube
Спросите у Яндекса про интерфейсы - Запись трансляции
Как меняется дизайн интерфейсов? Cтилусы, пальцы, жесты, голосовое управление — как всё это влияет на внешний вид приложения? Что должен уметь фронтенд-разра...
Инструменты фронтенда: мои избранные находки из 2017-го https://css-tricks.com/front-end-tools-favorite-finds-2017/
CSS-Tricks
Front-End Tools: My Favorite Finds of 2017 | CSS-Tricks
Louis Lazaris examines a few of his favorites finds of 2017 in the area of practical and interesting tools for front-end developers.
Создание роута с ленивой загрузкой с помощью Vue.js и последних возможностей браузера https://medium.com/js-dojo/build-a-lazy-load-router-with-vue-js-and-the-latest-browser-features-a1b52fe52dda
Medium
Build A Lazy-Load Router With Vue.js And The Latest Browser Features
Dynamic module importing is one of the latest JavaScript features to hit the major browsers. In this article I’ll demonstrate how you can…
Подкаст «devschacht»: Выпуск №10 — Новогодний. История Девшахты и планы развития https://soundcloud.com/devschacht/devschacht-10
SoundCloud
Выпуск №10 — Новогодний. История Девшахты и планы развития
Вспоминаем как всё начиналось, подводим итоги года и рассуждаем куда двигаться дальше.
Выпуск вели:
- Вадим Яловенко
- Андрей Мелихов
- Роман Пономарёв
03:40 Как и зачем мы спустились в шахту
31:40
Выпуск вели:
- Вадим Яловенко
- Андрей Мелихов
- Роман Пономарёв
03:40 Как и зачем мы спустились в шахту
31:40
«JavaScript Of The Future (ES8 & Beyond)» — Brian Terlson на JS Kongress 2017 #js https://www.youtube.com/watch?v=FSrHGVT13NI
Начинаем работать с доступностью веба https://medium.com/@emilymears/getting-started-with-web-accessibility-2c7632c3a8bd
Medium
Getting Started with Web Accessibility
Accessibility is a confusingly rare topic of conversation when learning about web development and design. Many developers enter into…
Статья от подписчика
#js #ui
О применении конечных автоматов для структуризации, повышения надежности и масштабируемости кода на примере реализации плавающего сайдбара.
Понятно и наглядно о конечных автоматах
https://goo.gl/FQQCBj
#js #ui
О применении конечных автоматов для структуризации, повышения надежности и масштабируемости кода на примере реализации плавающего сайдбара.
Понятно и наглядно о конечных автоматах
https://goo.gl/FQQCBj
Medium
Конечные автоматы на примере плавающей боковой панели (sidebar)
Применить конечные автоматы еще проще, чем вы думали…
Немного о генераторах https://medium.com/@vkozulya/%D0%BD%D0%B5%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE-%D0%BE-%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D1%85-610a6e904b4e
Medium
Немного о генераторах
У генераторов есть одна большая проблема — когда кто-то пытается про них писать, прочитать это с первого раза совершенно невозможно. Я как…
React.Fragment и семантический HTML . Попрощайтесь с бессмысленными и беспорядочными <div /> в ваших компонентах! React 16 приносит нам <Fragment /> https://blog.jmes.tech/react-fragment-and-semantic-html/
james
React.Fragment and Semantic HTML
HTML is the backbone of the web and the code you write should be semantic. If you write semantic HTML, It's easier to read and ascertain developer intent. Take a look at the following semantic and unsemantic examples: No thank you 👎 Yes please! 👍 It's also…
Подкаст «Веб-стандарты», Выпуск №103: Браузеры и разработка интерфейсов, где искать, если потеряли статью, точка с запятой в JS, понятно о выравнивании в CSS, трюки Сары с SVG, управление проектами, фронтендер в Берлине. #web #common https://medium.com/web-standards/episode-103-e1fedf35fbb4
Medium
Выпуск №103
15 января 2018
23 доклада с FrontFest 2017 : код и творчество, разработка SPA, оптимизация графики, декларативная шаблонизация, алгоритмы и структуры данных, доступность, i18n и другое #web https://www.youtube.com/playlist?list=PLK0ZcucztUiUMlKdEyaHkAurtmXZp36S5
YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
Техники композиции в js
#js #common
Все привыкли к использованию наследования для переиспользования кода и создания связи объектов. Однако, наследование является самой узкой формой связи объектов.
Есть несколько хороших альтернатив классовому наследованию, среди которых объектная композиция.
Формы объектной композиции:
▫️ Агрегация - когда объект формируется из перечислимого набора подобъектов
▫️Конкатенация - когда объект формируется путем добавления новых свойств к существующему объекту
▫️Делегирование - когда объект ссылается или делегирует другому объекту
Подробнее и с примерами можно ознакомиться в нашем переводе статьи Эрика Элиота https://goo.gl/9KaEFD
#js #common
Все привыкли к использованию наследования для переиспользования кода и создания связи объектов. Однако, наследование является самой узкой формой связи объектов.
Есть несколько хороших альтернатив классовому наследованию, среди которых объектная композиция.
Формы объектной композиции:
▫️ Агрегация - когда объект формируется из перечислимого набора подобъектов
▫️Конкатенация - когда объект формируется путем добавления новых свойств к существующему объекту
▫️Делегирование - когда объект ссылается или делегирует другому объекту
Подробнее и с примерами можно ознакомиться в нашем переводе статьи Эрика Элиота https://goo.gl/9KaEFD
Jem Space
Скрытые сокровища объектной композиции
Примечание. Это часть серии «Composing Software» по изучению функционального программирования и техник композиции в JavaScript ES6 + с нуля. Будьте на связи. Впереди много интресного! “Предпочитайте композицию объектов классовому наследованию” ~ Банда четырех…