#datepicker — Public Fediverse posts

Два пути к идеальному 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_компоненты

@joho

Is it true that only #Sweden and #China use #ISO8601? I forget where I heard that.

I spent a couple of years developing the #DatePicker in #JavaFX, fighting with the datetime library to parse and print dates in as many languages as possible. That was a major learning experience.

🎉 Welcome to the world where UX nightmares are celebrated like the Oscars! 🌟 Meet the winner, #Dalia, whose date picker is as useful as a chocolate teapot. 🏆 Watch the final on #YouTube and marvel at how well they turned frustration into an art form—all under the watchful eyes of judges who can center a div on the *second* try. 🙄😂
https://badux.lol/ #UXNightmares #OscarAwards #DatePicker #Comedy #HackerNews #ngated