Как стать автором
Обновить

8-й поток бесплатных курсов фронтенда и бэкенда в школе Metaclass

Время на прочтение1 мин
Количество просмотров2.9K

Школа Metaclass запускает 8-й поток бесплатных курсов.

Все как обычно: фронт + бек. Оба курса стартуют 31-го января.

Начинающий React-разработчик

Начинающий Backend-разработчик на Python

Занятия не «для самых маленьких», да и формат непростой: дедлайны, сложные ДЗ-шки, выпускные проекты. 

Почему стоит пройти: 
как минимум вы поймете свои слабые места
— как максимум серьезно прокачаетась
— всего за месяц изучите реальные технологии, которые применяются на практике и в индустрии в целом, и у нас в компании

Читать далее
Всего голосов 8: ↑7 и ↓1+6
Комментарии0

Новая документация React

Время на прочтение1 мин
Количество просмотров4.3K


Hello, world!


Не прошло и 5 лет, как новая документация React увидела свет (хуки были представлены 19.02.2019 в React 16.8)! 😊


Объем впечатляет, другие выводы будем делать после прочтения 😉


Для тех, кто не смотрел: "документалка" про создание React.


Happy coding!

Всего голосов 5: ↑5 и ↓0+5
Комментарии0

Энтузиаст создает интерфейс Windows 11 на React в браузере

Время на прочтение2 мин
Количество просмотров8.8K


Разработчик под ником Blue Edge опубликовал на GitHub проект Windows 11 in React — это визуализация интерфейса Windows 11 в браузере с помощью React. Автор создал сайт win11.blueedge.me, где уже доступны основные элементы рабочего стола новой ОС для ознакомления и начального понимания, как она работает.
Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Комментарии3

Устройству для остановки кровотечения в колотых ранах дали премию Джеймса Дайсона

Время на прочтение2 мин
Количество просмотров11K


В этом году призёром международной премии James Dyson Award стал Джозеф Бентли из Лондона, придумавший и реализовавший устройство REACT. Оно помогает временно остановить кровотечение в колотой ране, автоматически заполняя её надувной затычкой.


Читать дальше →
Всего голосов 21: ↑20 и ↓1+19
Комментарии15

One Day Offer в МКБ: получи работу за один день

Время на прочтение1 мин
Количество просмотров1.2K

Что должен делать один из лучших ИТ-работодателей по версии Хабра? Давать работу лучшим ИТ-специалистам. Причем быстро - всего за один день!

Так, 22 апреля мы проводим One Day Offer для:

- аналитиков (DWH);

- разработчиков DWH (OLAP);

- разработчиков Java;

- Senior React-разработчиков;

- QA Engineer;

- системных аналитиков и тех, кто умеет ими руководить.

One Day Offer - это онлайн-мероприятие, в рамках которого соискатели за один день они могут пройти все этапы устройства на работу.

Чтобы получить оффер всего за сутки, любой желающий может оставить на сайте мероприятия заявку на участие. Затем команда МКБ отправляет на почту письмо-приглашение со ссылкой на онлайн-конференцию тем, у кого есть необходимые навыки.

Дальше дело остается за малым: участники подключаются к общей конференции, знакомятся с командами, узнают больше об активных и планируемых проектах, проходят интервью (которое длится не более часа) и делают тестовое задание.

По итогу лучшие получают оффер в тот же день! Если среди ваших знакомых есть подходящие IT-специалисты, не забудьте отправить им ссылку.

Читать далее
Всего голосов 4: ↑0 и ↓4-4
Комментарии3

Apple, Google и Mozilla совместно разрабатывают тест Speedometer 3 для измерения скорости отклика веб-приложений

Время на прочтение1 мин
Количество просмотров870

Apple, Google и Mozilla совместно разрабатывают сервис Speedometer 3, предназначенный для измерения скорости отклика веб-приложений, сообщает 9to5Google. Это третье крупное обновление сервиса, вышедшего в 2014 году.

Читать далее
Всего голосов 2: ↑2 и ↓0+2
Комментарии0

Создание изоморфного приложения на React и Flummox

Время на прочтение14 мин
Количество просмотров20K
Сегодня я хочу показать, как используя React, Flummox и Express, создать полноценное изоморфное приложение.

Идея изоморфности давно витала в воздухе, но никто не знал этого слова, поэтому ничего особо не менялось, пока не пришел airbnb.

За полгода до этого появился React, позже появился Flux и множество его реализаций, одна не хуже другой. Но все эти реализации ориентировались только на работу на клиентской стороне, они работали через синглтоны и, зачастую, их нельзя было нормально использовать на сервере. Я успел попробовать несколько, но ни одна мне не понравилась. Пока два месяца назад я не наткнулся на Flummox. Как заявляет разработчик, Flummox создан как раз для изоморфных приложений, он не использует синглтоны, присущие другим реализациям, и максимально прост в использовании.

Ожидается, что вы имеете опыт работы с React и слышали про Flux. Итак, поехали…
Забрать готовый код можно тут.
Читать дальше →
Всего голосов 21: ↑20 и ↓1+19
Комментарии25

Новые возможности платформы VoxImplant: Instant Messaging и Presence + демо на ReactJS/Flux

Время на прочтение3 мин
Количество просмотров6.5K
Внимание! Данная статья устарела. Вы можете ознакомиться с более свежими статьями здесь или почитать блог на нашем сайте.

В последнее время мы были заняты работой над большим обновлением VoxImplant, которое должно сделать платформу еще более гибкой и удобной для разработчиков коммуникационных сервисов. Количество новых функций достаточно большое, поэтому будем рассказывать о них по-порядку и начнем с месседжинга и презенса. Так как банальное описание функционала мало кому интересно, то сразу разберем пример создания приложения для внутрикорпоративных коммуникаций с использованием популярного ReactJS и Flux. Это позволяет достаточно оперативно сделать более-менее сложное приложение, ну и заодно показать как использовать VoxImplant при таком подходе. Presence у нас тоже с некоторыми интересными особенностями, про которые мы расскажем более детально и объясним потом зачем это может быть нужно.
Читать дальше →
Всего голосов 9: ↑8 и ↓1+7
Комментарии2

Компоненты, React и Flux обсудили на IT talk

Время на прочтение1 мин
Количество просмотров3.3K
Тема 30-й встречи петербургского технического сообщества IT talk «Компоненты, React и Flux» оказалась настолько актуальной, что мест в зале не хватило. Выступал Даня Абрамов, который сейчас занимается опенсорсом и консалтингом по проектам, написанным на React.js.

React — относительно новый фронтенд-фреймворк, продукт компании Facebook. Но Даня говорил, скорее, не про React, а про его парадигму, которая существенно меняет подход к UI-приложениям. Он отметил, что сейчас самые интересные инновации в UI-приложениях происходят именно в вебе.



P.S. Извините за качество записи и проблемы со звуком. Решили, однако, что контент стоит того, чтобы поделиться.
Всего голосов 11: ↑5 и ↓6-1
Комментарии0

Новые курсы на Хекслете: React, Ansible и другие

Время на прочтение2 мин
Количество просмотров16K
Привет, Хабр!

4 месяца назад мы писали о запуске бета-версии нового Хекслета — образовательной платформы для программистов с настоящей практикой в браузере. В ближайшие месяцы Хекслет выходит из беты, а сегодня я хочу рассказать о нескольких новых курсах. Но вначале вкратце об обновлениях сервиса:

  • Мы открыли публичный чат сообщества Хекслет в Слаке! Там можно общаться с другими юзерами и с преподавателями. Есть специальные каналы по отдельным курсам и темам, есть даже канал для изучения английского языка.
  • Оповещения о выходе новых уроков в ваших курсах теперь приходят на почту и появляются в уведомлениях на сайте.
  • На сайте теперь появляются запланированные курсы, которые находятся сейчас в разработке (подробнее о них ниже). На эти курсы можно подписаться заранее.
  • В разделе «Песочница» находятся бесплатные курсы в свободном формате от других пользователей Хекслета. Вы тоже можете создать свой практический курс!
  • За прохождения уроков начисляются баллы, а на главной странице можно видеть свою позицию в топе пользователей.

А теперь — новые курсы:

Основы Ansible




Системы управления конфигурацией и оркестрации – важные инструменты в арсенале современного разработчика и системного администратора. Цель этого курса – научиться работать с Ansible, популярным инструментом управления конфигурацией. Как мы писали ранее, Ansible активно используется при разработке и деплое Хекслета.
Читать дальше →
Всего голосов 33: ↑29 и ↓4+25
Комментарии12

DevDay — открытые встречи для общительных айтишников

Время на прочтение2 мин
Количество просмотров7.3K


Три года назад веб-разработчики 2ГИС собирались раз в месяц, чтобы поговорить о насущном. В большом отделе трудно уследить за всем подряд, и мы рассказывали друг другу, какими методами и инструментами решаем интересные задачи. Делали по два небольших доклада в рабочее время.

Потом подумали: чтобы развиваться самим, нужно общаться с разработчиками из других компаний. Делиться своим опытом и спрашивать о вещах, в которых они разбираются лучше. Так появились DevDay — открытые встречи для общительных айтишников в Новосибирске.
Читать дальше →
Всего голосов 25: ↑20 и ↓5+15
Комментарии7

React на ES6+

Время на прочтение5 мин
Количество просмотров72K
Это перевод поста Steven Luscher опубликованного в блоге Babel. Steven работает в Facebook над Relay – JavaScript фрэймворком для создания приложений с использованием React и GraphQL.
За этот год, в процессе реорганизации Instagram Web, мы насладились использованием ряда особенностей ES6+, при написании нашх React компонентов. Позвольте мне остановиться на тех моментах, когда новые возможности языка могут повлиять на то как вы пишите React приложения, и сделают этот процесс легче и веселее, чем когда-либо.
Читать дальше →
Всего голосов 21: ↑19 и ↓2+17
Комментарии15

Распознаем коды Морзе с использованием Rx.js

Время на прочтение6 мин
Количество просмотров17K


Задача: на входе сигналы с клавиатуры (keyup, keydown) — на выходе буквы и слова декодированные по азбуке Морзе. О том, как декларативно решить данную задачу используя FRP подход, в частности Rx.js — ниже под катом. (Зачем? Because we can)
Читать дальше →
Всего голосов 10: ↑10 и ↓0+10
Комментарии17

Что нового в Visual Studio 2015 для JS-разработчиков

Время на прочтение5 мин
Количество просмотров34K


20 июля вышла финальная версия Visual Studio 2015 RTM, несущая в себе, в том числе, много нового для веб-разработчиков, специализирующихся на JavaScript: улучшения в редакторе, поддержка популярных библиотек и систем управления пакетами и сборки кода, возможности ES6, а также обновление поддержки Apache Cordova и Node.js.
За подробностями прошу под кат.
Всего голосов 23: ↑20 и ↓3+17
Комментарии18

Обновление React компонентов с сохранением состояния в режиме реального времени для Browserify

Время на прочтение8 мин
Количество просмотров16K


Всем доброго времени суток!
Давайте немного поговорим о DX (Developer Experience) или «Опыте разработки», а если конкретнее — об обновлении кода в режиме реального времени с сохранением состояния системы. Если тема для вас в новинку, то перед прочтением советую ознакомиться со следующими видео:

Ряд видео с обновлением кода в реальном времени без перезагрузки страницы




Введение: Как это работает?


Прежде всего стоит понимать, что реализация подобной функциональности подразумевает под собой решение ряда задач:
— Отслеживание изменений файлов
— Вычисление патча на основании изменений файлов
— Транспортировка патча на клиент (в браузер, например)
— Обработка и применение патча к существующему коду
Но обо всём по порядку.
Читать дальше →
Всего голосов 8: ↑8 и ↓0+8
Комментарии8

Изоморфное Приложение с React и Redux

Время на прочтение15 мин
Количество просмотров99K
Итак, я знаю что ты любишь Todo списки, то есть, что тебе очень нравится писать Todo списки, поэтому мне хочется, чтобы ты создал один из них, используя новый, восхитительный и питательный («nutritious» прим. пер.) Flux фреймворк, Redux! Я желаю тебе только лучшего.

В этой статье ты научишься как сконструировать свое собственное Redux приложение, не ограничиваясь, но так же включая.

  • Цельнозерновой рендеринг на сервере
  • Расширенный роутинг, богатый Omega-3
  • Маслянистая асинхронная загрузка данных
  • Гладкое функциональное послевкусие


Если это похоже на то, чего ты хочешь в этой жизни, вперед под кат, если нет, то не заморачивайся.
Читать дальше →
Всего голосов 13: ↑11 и ↓2+9
Комментарии12

Универсальный JavaScript

Время на прочтение2 мин
Количество просмотров28K
В начале был Netscape. И возжелал Netscape выполнять Scheme-код в браузере Netscape Navigator. И наняли они Брендана Айка (Brendan Eich), чтобы он в поте лица своего работал над этим. Но потом они передумали и решили, что Java хотят они. И вот, рождён был JavaScript. И было это (достаточно) хорошо.

Безумная идея овладела Райаном Далом (Ryan Dahl) годы спустя: подружить движок V8 с библиотекой libev, дабы могли программисты выполнять свой JavaScript-код за пределами браузера. И возник Node.js. И npm. И люди возрадовались.

И стали люди писать веб-сервера на JavaScript, и запускать вертолёты с JavaScript на борту, и водружать его на планшеты и смартфоны, и встраивать его в термостаты и холодильники, да и во всё, во что их душа желала. И распространился JavaScript весьма и весьма широко. И презирали Нормальные Программисты™ (Serious Developers) простых людей, пишущих на JavaScript, но простые люди продолжали писать на JavaScript всё больше и больше.

И ждали люди Слово, способное вместить в себя всю широту проникновения JavaScript, ибо слово «JavaScript», как оно есть, более не вмещало той широты. И изрёк Чарли Роббинс (Charlie Robbins) мысль, что термином «Isomorphic JavaScript» можно назвать JavaScript-код, выполняющийся и в браузере, и на сервере. И никто нафиг не понимал значения сего, но, вместо просто программирования на JavaScript, люди стали программировать на изоморфном JavaScript.

Секундочку, что?
Читать дальше →
Всего голосов 17: ↑12 и ↓5+7
Комментарии98

Еще список проектов, на чем потренироваться

Время на прочтение3 мин
Количество просмотров26K
«Мастер совершает больше ошибок, чем новичок — попыток»

Прошлый список тренировочных проектов набрал 50к прочтений и 600 добавлений в избранное. Вот еще один список интересных проектов для практики, для тех кто хочет добавки.

1. Текстовый редактор


image

Цель текстового редактора — уменьшить усилия пользователей, пытающихся преобразовать их форматирование как валидную разметку HTML. Хороший текстовый редактор позволяет пользователям форматировать текст по-разному.

В какой-то момент каждый использовал текстовый редактор. Так почему бы не создать его самостоятельно?
Читать дальше →
Всего голосов 20: ↑18 и ↓2+16
Комментарии11

Ещё один dsl на Kotlin или как я печатал PDF из react

Время на прочтение8 мин
Количество просмотров5.1K


Нельзя просто взять и распечатать страницу написанную на React: есть разделители страниц, поля для ввода. Кроме того, хочется один раз написать рендеринг, чтобы он генерил как ReactDom, так и обычный HTML, который можно сконвертить в PDF.

Самое сложное, что у React свой dsl, а у html свой. Как решить эту проблему? Написать ещё один!

Чуть не забыл, всё это будет написано на Kotlin, так что, на самом деле, это статья о Kotlin dsl.
Читать дальше →
Всего голосов 16: ↑13 и ↓3+10
Комментарии17

Валидация сложных форм React. Часть 1

Время на прочтение10 мин
Количество просмотров23K
Для начала надо установить компонент react-validation-boo, предполагаю что с react вы знакомы и как настроить знаете.

npm install react-validation-boo

Чтобы много не болтать, сразу приведу небольшой пример кода.

import React, {Component} from 'react';
import {connect, Form, Input, logger} from 'react-validation-boo';

class MyForm extends Component {
    sendForm = (event) => {
        event.preventDefault();

        if(this.props.vBoo.isValid()) {
            console.log('Получаем введённые значения и отправляем их на сервер', this.props.vBoo.getValues());
        } else {
            console.log('Выведем в консоль ошибки', this.props.vBoo.getErrors());
        }
    };
    getError = (name) => {
        return this.props.vBoo.hasError(name) ? <div className="error">{this.props.vBoo.getError(name)}</div> : '';
    };
    render() {
        return <Form connect={this.props.vBoo.connect}>
            <div>
                <Input type="text" name="name" />
                {this.getError('name')}
            </div>
            
            <button onClick={this.sendForm}>
                {this.props.vBoo.isValid() ? 'Можно отправлять': 'Будьте внимательны!!!'}
            </button>
        </Form>
    }
}

export default connect({
    rules: () => (
        [
            ['name', 'required'],
        ]
    ),
    middleware: logger
})(MyForm);

Читать дальше →
Всего голосов 12: ↑10 и ↓2+8
Комментарии14