#orestudy 発表資料「平成のjQueryに令和のJSXを」です docswell.com/s/4962106/ZMQ63… JSXからDOMを生成するランタイムを自作する話です

続いて @murasuke さんの　「平成のjQueryに、令和のJSXを」 #orestudy jQuery、何年振りに聞いただろう……。

同じ画面にjQueryとJSXなら実は… （プロダクトに採用されることなく日の目は見なかったけど） #orestudy

#orestudy JSXの話はするけどReactの話はしません！！！！ ぼく「？！？」

平成のjQueryに、令和のJSXを murasukeさん #orestudy

Onlook (@onlookdev) hit #1 on HN this week. Open source, React/Next.js. Visual edits write directly to JSX in real time. No handoff because there's no gap. You're editing the codebase, just without looking at it.

3. HyperFrames HeyGen开源了其内部视频引擎。你写HTML，代理渲染MP4。无React、无JSX、无专有格式。GSAP、Lottie和Three.js开箱即用。同样的HTML总是生成相同文件。

Hot Take: If your React component's JSX has more if/else checks than actual HTML tags, it’s not a component, it’s a configuration file.

1/7 React Email tiene 15.000 estrellas en GitHub. No es un template engine. Es JSX con type safety, preview local, y testing en CI.

💡React Tip💡 ✅ Use useReducer for Complex State Logic Instead of Overloading useState ✅ When managing complex state transitions, especially when multiple related pieces of state depend on each other, useState can quickly become difficult to manage. This is where useReducer shines — it allows you to centralize state logic in a single place, making your code more predictable and easier to maintain. ✅ Why Use useReducer? → Centralized Logic: All state transitions are handled in one reducer function, making it easier to debug and test. → Scalable: Works well for forms, multi-step workflows, or any scenario with interdependent state values. → Readable: Keeps your component clean by moving state logic out of the JSX. ✅ Key Benefits of useReducer: → Separation of Concerns: The reducer function keeps state logic separate from the UI, making components easier to read and maintain. → Predictability: With a single source of truth for state updates, it’s easier to track how state changes over time. → Reusability: You can reuse the same reducer across multiple components if needed. 𝗙𝗼𝗿 𝗺𝗼𝗿𝗲 𝘀𝘂𝗰𝗵 𝘂𝘀𝗲𝗳𝘂𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁, 𝗱𝗼𝗻'𝘁 𝗳𝗼𝗿𝗴𝗲𝘁 𝘁𝗼 𝗳𝗼𝗹𝗹𝗼𝘄 𝗺𝗲. #javascript #reactjs #nextjs #webdevelopment

Illustratorのスクリプトを一括管理するプラグイン「ScriptsHUB」を制作しました！ ☑ .jsx/.jsxbin をワンクリック実行 ☑フォルダ登録で自動一覧化 ☑★お気に入り・検索・並び替え　などなど... 是非チェックしてみてください🍨 nana7se.booth.pm/items/85013… #プラグイン #Illustrator

Somls jsx y faghata si raghata fiers niño y niniña

thinking of building a tool to fix this it will detect when state jsx should be in its own component (almost the inverse of react-driller)

【6/15】#React #日報 ReactでどうJSXを書くか…ということを一生懸命やってきたため、逆に、特に動きはないヘッダーでHTMLだけなんだけどどこに書くんだっけ？ということが分からない状態。 静的なコードの場合でも、Header.jsxなどのコンポーネントに分けるとよいことを学びました。

Just nailed my first React functional component build! Today I turned basic JSX into a working todo list, feels like big progress in my front-end learning journey. #WebDev #LearningDiary

Naive UI is using vue-jsx-compiler. 🎉 github.com/tusen-ai/naive-ui…

storybook の docs 上での light/dark 共存に一旦対応してみたが、普通対応しない light/dark のページ内共存に対応するどころか jsx 外なのでデプロイコードに storybook 都合が絡むことになりそうで微妙 けどまあフラグ与えて分岐する感じにするしかなさそう

I flew jsx into Cabo San Lucas…… Big difference in airports. San Jose del cabo for the win.