Два пути к идеальному DatePicker: классический промптинг или системный подход по работе с AI

Привет, коллеги! Сегодня мы копнем в самую суть инженерного подхода. На повестке дня - сравнение двух кардинально разных философий создания сложного UI-компонента. Это не просто рассказ о DatePicker, это анализ стратегического выбора, который каждая команда делает каждый день: скорость в ущерб предсказуемости или наоборот? Исходный код доступен по ссылке: https://github.com/Codesrc-public-ru/ralf-datapicker За основу мы возьмем два реальных кейса. Первый - «AI-драфтинг» , отлично описанный нашей статье " Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума ". Идея: получить 80% кода от нейросети, а остальное довести вручную. Это путь быстрых итераций и реактивного решения проблем. Второй - «Системный инжиниринг» , подход описан в этой документации к инструменту https://github.com/snarktank/ralph . Идея: сначала детальное проектирование, потом итеративная работа модели. Это путь проактивного управления сложностью. Оба приводят к результату. Но какой ценой? И что скрывается под капотом каждого из них? Давайте разберем.

https://habr.com/ru/articles/1028440/

#TypeScript #WCAG #ARIA #DatePicker #доступный_интерфейс #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты #Анализ_и_проектирование_систем

Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума

Привет, коллеги! Сегодня делимся историей, которая отлично показывает, как AI ускоряет старт, но человеческий опыт и внимание к деталям делают продукт по-настоящему крутым. Недавно нам для одного из проектов понадобился DatePicker. Сам компонент под NDA, поэтому показать его не можем. Но чтобы поделиться процессом, мы специально для статьи собрали похожий концепт - с открытым кодом и возможностью потыкать вживую (ссылка ждет в конце). Так вот, казалось бы, компонент простой, но мы решили не просто взять готовую библиотеку. Во-первых, хотелось понять «а как там внутри», а во-вторых - поставить себе планку: сделать его по-настоящему доступным по всем канонам WCAG. Ну и, конечно, не без эксперимента: «А что, если Claude напишет основу?» Так началось наше приключение с созданием полностью доступного компонента выбора даты с использованием React и Typescript, следуя строгому паттерну WAI-ARIA APG «Date Picker Dialog» Приготовьтесь к инсайтам, багам и победам!

https://habr.com/ru/articles/1022918/

#React #TypeScript #WCAG #ARIA #DatePicker #доступность_интерфейса #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты

#Design #Competitions
Bad UX World Cup 2025 · Who has crafted the most terrifying date picker? https://ilo.im/167hhm

_____
#Champions #UX #DatePicker #Usability #Accessibility #DesignPattern #UxDesign #UiDesign #WebDesign

Just submitted my entry for https://badux.lol/ (Bad UX World Cup) 🤞

The other entries are just too good. Mine: https://cheeaun.github.io/clockwork-date-picker/

#BadUX #DatePicker

#Development #Launches
Cally · Small, feature-rich calendar web components https://ilo.im/15ygf5

_____
#Calendar #DatePicker #WebComponent #Accessibility #WebDev #Frontend #HTML #ARIA #CSS #JavaScript

Oh ok.

@shoppersdrugmart

#ui #dates #datepicker

What day of the week was August 9th, 2018? 🤔

#ui #ux #webDesign #calendar #datePicker

[Tweet redux]