Пишем API для React компонентов, часть 6: создаем связь между компонентами

Автор: admin от 15-07-2019, 05:35, посмотрело: 123

Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы



Пишем API для React компонентов, часть 2: давайте названия поведению, а не способам взаимодействия



Пишем API для React компонентов, часть 3: порядок пропсов важен



Пишем API для React компонентов, часть 4: опасайтесь Апропакалипсиса!



Пишем API для React компонентов, часть 5: просто используйте композицию



Пишем API для React компонентов, часть 6: создаем связь между компонентами

Поговорим о формах.



Скорее всего вы читали кучу статей об управлении state состояниями в формах, но это не одна из таких статей. Вместо этого я хочу поговорить о том как устроены формы и их API.



Пишем API для React компонентов, часть 6: создаем связь между компонентами



Здесь много чего происходит, взглянем на API

Категория: Веб-разработка

 

Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы

Автор: admin от 10-07-2019, 12:05, посмотрело: 146

Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы



Пишем API для React компонентов, часть 2: давайте названия поведению, а не способам взаимодействия



Пишем API для React компонентов, часть 3: порядок пропсов важен

Этот пост — перевод первой статьи из серии статей Writing good component API, за авторством @Sid. При переводе, в любой непонятной ситуации, я буду руководствоваться официальным переводом документации React JS на русский язык



Когда речь идет о React компонентах, ваши пропсы — это ваш API.



Хороший API должен быть понятным, таким что бы разработчик мог сам догадаться как с ним работать. Это относиться не только к разработке библиотек компонентов, но и к разработке приложений. Важно что бы вам и вашей команде было удобно использовать компоненты и их API.



Эта серия статей вдохновлена статьями и лекциями от Sebastian Markbage, Brent Jackson, Jenn Creighton и A. Jesse Jiryu Davis.

После прочтения множества статей + лекций, и после более года проектирования дизайн системы cosmos, я пришел к этим принципам разработки.



Начнем с простого.



У нас есть кнопка:



Пишем API для React компонентов, часть 1: не создавайте конфликтующие пропсы



<Button>Click me</Button>

Категория: Веб-разработка

 

Коллаборация и автоматизация во фронтенде. Чему мы научились за 13 школ

Автор: admin от 17-06-2019, 14:10, посмотрело: 121

Всем привет. Коллеги недавно писали в этом блоге, что открылась регистрация в следующую Школу разработки интерфейсов в Москве. Я очень рад новому набору, ведь я был одним из тех, кто придумал Школу в 2012 году, и с тех пор постоянно ей занимаюсь. Она эволюционировала. Из неё вышло целое мини-поколение разработчиков с широчайшим кругозором и способностью взять на себя в проектах вообще всё, что связано с фронтендом. Кто-то из выпускников работает в Яндексе, кто-то нет.



Коллаборация и автоматизация во фронтенде. Чему мы научились за 13 школ


ШРИ — как сервис: тоже требует разных форматов взаимодействия, автоматизации и экспериментов. Вот об этом и поговорим сегодня на Хабре. Будут и полезные ссылки для кандидатов.

Категория: Веб-разработка / Game Development

 

Дженерики в TypeScript: разбираемся вместе

Автор: admin от 11-06-2019, 06:40, посмотрело: 124

Всем привет! Команда TestMace публикует очередной перевод статьи из мира web-разработки. На этот раз для новичков! Приятного чтения.



Развеем пелену таинственности и недопонимания над синтаксисом и наконец подружимся с ним



Дженерики в TypeScript: разбираемся вместе

Наверное, только матёрые разработчики Java или других строго типизированных языков не хлопают глазами, увидев дженерик в TypeScript. Его синтаксис коренным образом отличается от всего того, что мы привыкли видеть в javascript, поэтому так непросто сходу догадаться, что он вообще делает.



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

Категория: Google

 

Школа разработки интерфейсов: разбор заданий для Минска и новый набор в Москве

Автор: admin от 3-06-2019, 13:30, посмотрело: 116

Сегодня открылся новый набор в Школу разработки интерфейсов Яндекса в Москве. С 7 сентября по 25 октября пройдёт первый этап обучения. Студенты из других городов смогут в нём поучаствовать дистанционно или очно — компания оплатит дорогу и проживание в хостеле. Второй, он же финальный этап продлится до 3 декабря, его можно пройти только очно.



Меня зовут Юлия Середич, этот пост мы написали вместе с Сергеем Казаковым. Мы оба разработчики интерфейсов в минском офисе Яндекса и выпускники ШРИ прошлых лет.



Школа разработки интерфейсов: разбор заданий для Минска и новый набор в Москве



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

Категория: Веб-разработка / Game Development

 

Лучшие практики Node.js — советы по структуре проектов

Автор: admin от 2-06-2019, 16:25, посмотрело: 161

Лучшие практики Node.js — советы по структуре проектов

Привет, Хабр! Представляю вашему вниманию адаптированный перевод первой главы "Node.js Best Practices" автора Yoni Goldberg. Подборка рекомендаций по Node.js размещена на github, имеет почти 30 т. звезд, но до сих пор никак не упоминалась на Хабре. Предполагаю, что эта информация будет полезна, как минимум, для новичков.

Глава 1. Советы по структуре проектов

Категория: Веб-разработка

 

Настоящее реактивное программирование в Svelte 3.0

Автор: admin от 25-05-2019, 22:20, посмотрело: 124

Заголовок статьи может показаться немного кричащим, впрочем как и сам фреймворк Svelte и те идеи, что стоят за ним. Если вы ещё не знаете ничего про Svelte, пристегнитесь, сейчас мы рванём навстречу революции.



Учтите, что это не урок по началу работы со Svelte. Уже существует прекрасное пошаговое интерактивное руководство от команды Svelte, которое погрузит вас в мир реактивного программирования.



Настоящее реактивное программирование в Svelte 3.0

Категория: iOS

 

Какой здесь this? Внутренняя работа объектов JavaScript

Автор: admin от 20-05-2019, 04:30, посмотрело: 139

Какой здесь this? Внутренняя работа объектов JavaScript
Фотография: "Любопытный" Liliana Saeb (CC BY 2.0)



javascript – это мультипарадигмальный язык, который поддерживает объектно-ориентированное программирование и динамическое связывание. Динамическое связывание — это мощная концепция, которая позволяет изменять структуру javascript кода во время выполнения, но эти дополнительные мощность и гибкость достигаются ценой некоторой путаницы, большая часть которой связана с поведением this в javascript.



Динамическое связывание



При динамическом связывании определение метода для вызова происходит во время выполнения, а не во время компиляции. javascript выполняет это с помощью this и цепочки прототипов. В частности, внутри метода this определяется во время вызова, и значение this будет разным в зависимости от того, как метод был определен.



Давайте сыграем в игру. Я называю её "Какой здесь this?"

Категория: Google

 

Асинхронный PHP. Зачем?

Автор: admin от 22-04-2019, 17:45, посмотрело: 114

Асинхронный PHP. Зачем?



Асинхронное программирование сегодня востребовано, особенно в веб-разработке, где отзывчивость приложения особенно важна. Никому не хочется ждать, пока приложение «отвиснет», пусть даже в это время оно выполняет запрос к базе данных, отправляет электронное письмо или работает над другими задачами, которые могут занять много времени. Клиент хочет получить ответ на свое действие, лучше всего — сразу же. Если ваше приложение работает медленно, вы теряете клиентов. Столкнувшись с зависающим приложением, чаще всего пользователь просто закрывает его и уже никогда не возвращается. С точки зрения пользователя, приложение просто зависло, он не может понять, почему это произошло: выполняет ли оно сложную операцию или перестало работать в принципе.



Представляем перевод статьи бэкенд-разработчика Skyeng Сергея Жука.

Категория: Программирование

 

Безопасность клиентских приложений: практические советы для Front-end разработчика

Автор: admin от 2-04-2019, 17:25, посмотрело: 124

Как вы знаете, большая часть атак BlackHat-хакеров направлена на компрометацию серверных данных web-приложений и сервисов. При этом клиентскую часть сегодня атакуют не реже. Согласно сухому определению, любая атака — это комплекс мер со стороны хакера, направленных на сеть и передачу данных, на данные и их подмену, инфраструктуру и технические особенности реализации web-приложения. Поэтому международные компании требуют от инженеров-разработчиков более ответственного и тщательного подхода к безопасности клиентских приложений.



На примере моего проекта я расскажу о том, как сегодня атакуют клиентские приложения и как вам избежать этих угроз.




Читать

Категория: Веб-разработка