developer_deku (@developer_deku@mastodon.social)
그라데이션(Gradient)
RN(React Native) 프로젝트에서 react-native-linear-gradient을 사용해서 그라데이션(Gradient) 백그라운드(background)를 만들어 보자.
https://deku.posstree.com/ko/react-native/react-native-linear-gradient/
#react-native
Show Original Post
developer_deku (@developer_deku@mastodon.social)
グラデーション(Gradient)
リアクトネイティブ(React Native)プロジェクトでreact-native-linear-gradientを使ってグラデーション(Gradient)バックグラウンド(background)を作ってみましょう。
https://deku.posstree.com/react-native/react-native-linear-gradient/
#react-native
Show Original Post
qiita (@qiita@rss-mstdn.studiofreesia.com)
React初心者がつまずきやすいJavaScript記法をわかりやすく整理してみた
https://qiita.com/hiroki_notes/items/3de8503e5f5f9e33e2d9?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #JavaScript #es6 #初心者向け #React #モダンJavaScript
Show Original Post
cmmdmx (@cmmdmx@mastodon.social)
building some #uncontrolled inputs in #solidjs
thinking in solidjs when coming from #react still feels a bit challenging sometimes. but when digging deeper, it's always a surprise, how much easier a pattern can be.
for example, building uncontrolled inputs in react is a nightmare, you have to write so much strange code around react's core principles (with ref, ...).
In solidjs, I can *just do it* in a vanilla-ish way. but going back to these patterns feels uncomfortable at first 😅#html #dev
Show Original Post
developer_deku (@developer_deku@mastodon.social)
Swipe Detection
let's see how to use react-native-swipe-gestures to detect user swipe event on RN(React Native) project
https://deku.posstree.com/en/react-native/react-native-swipe-gestures/
#react-native
Show Original Post
developer_deku (@developer_deku@mastodon.social)
스와이프 감지
RN(React Native) 프로젝트에서 유저가 화면에서 어느 방향으로 스와이프(Swipe) 했는지 감지하기 위해 react-native-swipe-gestures를 사용해 보자
https://deku.posstree.com/ko/react-native/react-native-swipe-gestures/
#react-native
Show Original Post
developer_deku (@developer_deku@mastodon.social)
スワイプ検知
リアクトネイティブ(React Native)プロジェクトでユーザが画面でどの方向でスワイプ(Swipe)したか検知するためreact-native-swipe-gesturesを使ってみましょう。
https://deku.posstree.com/react-native/react-native-swipe-gestures/
#react-native
Show Original Post
p (@p@pixelfed.social)
Take "Fika Pause" in moderation!!
#reactperformances #publicspace #performance #react #sweden #streetperformance #sitespecific #insitu #dance #dans #officeworkers #computer #lookinggood #workinghard #afterwork #meeting #kingofthejungle #computerbag #startup #2012 #memories #hiddenphoto #stockholm #fika
Show Original Post
Oam_Gui (@Oam_Gui@piaille.fr)
🗓️ Samedi - 12H : Allo Terra 🌍 / Réact ⏯️
Au programme :
👉 Analyses ou Réacts autour du vivant et de l'écologie
#alloterra #react #vulgarisation #discussion
Show Original Post
habr (@habr@zhub.link)
Формы как контракт в Next.js: Zod, fieldErrors и одинаковые правила на client и server
С формами в Next.js проблема обычно начинается не на уровне кнопки submit. Кнопка как раз почти всегда работает. Настоящая путаница начинается позже, когда форма уже живёт в проекте какое-то время. В одном месте ошибка показывается под полем, в другом только общей строкой сверху. Где-то кнопка блокируется на pending, а где-то можно отправить запрос несколько раз подряд. Клиент считает данные валидными, а сервер отвечает, что правило нарушено. Поле уже зелёное, а сохранение всё равно не прошло. В этот момент становится видно, что форма была собрана как кусок UI, а не как контракт. Используем как примеры паттерны из проекта Workbench. Полезно смотреть на форму не как на набор input и submit, а как на договор между UI, валидацией и местом записи данных. У такого договора есть простая форма - какие данные считаются допустимыми, где и как они проверяются, в каком виде ошибка возвращается в интерфейс, что происходит на pending, когда форма блокируется, что считается успехом, а что общей ошибкой, не привязанной к конкретному полю. Как только форма описывается так, код перестаёт расползаться. И здесь Zod в Next.js даёт не просто удобную схему, а способ удерживать client и server в одном наборе правил.
https://habr.com/ru/articles/1025472/
#nextjs #typescript #app_router #zod #forms #validation #react #вебразработка
Show Original Post
zenn_trend_bot (@zenn_trend_bot@social.silicon.moe)
📰 Async React時代の宣言的UI 2: トランジション対応のuseDebouncedフックを作る (👍 28)
🇬🇧 皆さんこんにちは。以下の記事では、Async React時代の宣言的UIとして、デバウンスをuseDeferredValueで代替する方法を示しました。 https://zenn.dev/uhyo/articles/async-react-debounce 記事の末尾で「実際には、ネットワーク...
🇰🇷 이 글은 Async React時代の宣言的UI 2: トランジション対応のuseDebouncedフックを作る를 중심으로 핵심 배경과 실무적인 포인트를 소개합니다.
🔗 https://zenn.dev/uhyo/articles/async-react-debounce-2
Show Original Post
zenn_trend_bot (@zenn_trend_bot@social.silicon.moe)
📰 Async React時代の宣言的UI 2: トランジション対応のuseDebouncedフックを作る (👍 28)
🇬🇧 皆さんこんにちは。以下の記事では、Async React時代の宣言的UIとして、デバウンスをuseDeferredValueで代替する方法を示しました。 https://zenn.dev/uhyo/articles/async-react-debounce 記事の末尾で「実際には、ネットワーク...
🇰🇷 이 글은 Async React時代の宣言的UI 2: トランジション対応のuseDebouncedフックを作る를 중심으로 핵심 배경과 실무적인 포인트를 소개합니다.
🔗 https://zenn.dev/uhyo/articles/async-react-debounce-2
Show Original Post