Plasmic | Build powerful apps fast— without the limitsPlasmic is an open-source visual editing and content platform for building websites and apps. Integrate with existing codebases. Ship incredibly fast.
Create reusable Tailwind CSS + React components – TWC
Supercharge React + Tailwind CSSTWC is a lightweight library to create Tailwind CSS Components in one line, write less code and build faster. import * as React from "react"; import clsx from "clsx"; const Card = React.forwardRef< HTMLDivElement, React.HTMLAttributes<HTMLDivElement> >(({ className, ...props }, ref) => ( <div ref={ref} className={clsx( "rounded-lg border bg-slate-100 text-white shad
2023 年、改めて React と Elm Architecture を比較する - ジンジャー研究室
最近 React のドキュメントが新しくなったということで読んでみた。第一印象としては、とにかく懇切丁寧で React というか JavaScript すら初心者という読者でも基礎的な考え方が身に付くようになっている。ただ、深い内容まで読み進めると「同じ Virtual DOM のフレームワークでも Elm とだいぶ違うな」と改めて思った。 これはどちらが良いとか悪いということではなく、一長一短あると思う。筆者は長いこと Elm を使ってきたが React も嫌いではなく、趣味を含め色々な場面で重宝している。ただ、 Elm Architecture の提供するシンプルな仕組みには依然として価値があると思っており、それがあまり世の中に知られていないのが勿体無い。というのが、この記事を書こうと思った動機である。 昔は「部分的に取り入れても Elm メリットは享受できないから Elm やってよ」
GitHub - omnivore-app/omnivore: Omnivore is a complete, open source read-it-later solution for people who like reading.
Omnivore is a complete, open source read-it-later solution for people who like text. We built Omnivore because we love reading and we want it to be more social. Join us! Highlighting, notes, search, and sharing Full keyboard navigation Automatically saves your place in long articles Add newsletter articles via email (with substack support!) PDF support Web app written in Node.js and TypeScript Nat
自社メディアを ISR を使って爆速にした話
メディアの紹介 Beyond Magazine というメディアを自社で展開しています。 紙の雑誌を長年やっていたメンバーで作っている web メディアで、グラフィックがいけてるので見てみてください。 技術的には、Shifter Headless をバックエンド（CMS）として、Next.js でメディア本体を描画しています。 もともとのアーキテクチャとしてはこんな感じでした。 課題 速度（特に FCP）が遅いときだと数秒かかる Shifter が落ちるとサイト全体が落ちてしまう（しかも割と頻繁に落ちる） という課題がありました。 ISR の導入 導入の経緯 原因としては、リクエストの都度、Shifter Headless から同期的に記事データをフェッチしてから SSR して返すという仕様になっていたことが大きかったです。 Shifter Headless を導入した意図の一つですが、コメ
Next.js 12
As we announced at Next.js Conf, Next.js 12 is our biggest release ever: Rust Compiler: ~3x faster Fast Refresh and ~5x faster builds Middleware (beta): Enabling full flexibility in Next.js with code over configuration React 18 Support: Native Next.js APIs are now supported, as well as Suspense <Image /> AVIF Support: Opt-in for 20% smaller images Bot-aware ISR Fallback: Optimized SEO for web craw
なぜメモ化を行う必要があるのか？メモ化の意義について考える。
こんにちは、株式会社スタメンでフロントエンドエンジニアをしている@0906kokiです。 今回の記事ではReactを使用する際に、なぜメモ化をする必要があるかについて書きたいと思います。 この記事を書こうかなと思った背景としては、普段Reactでコーディングをしている中で、「ここはレンダリングが不要だからメモ化する必要がある」とか「関数が再生成されてしまうからuseCallbackを使おう」みたいにメモ化していたのですが、そもそもメモ化をすることでどんなメリットがあるのか実感をしていなかったからです。 「たしかにメモ化をすることでレンダリングが抑えられるが、DBによるボトルネックやN+1などと比較して重要なことなのか？」「レンダリングを抑えることのコストに時間を割くのであれば、別の部分にコストを払った方が費用対効果はあっているのではないか？」などと、メモ化をするコストに疑問を持っていました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
State of React 2023
GitHub - JSv4/OpenContracts: Mass document analytics platform based on LlamaIndex, Pgvector, React and Django.
https://x.com/gorilla0513/status/1782985206456344705?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
drawdb/package.json at main · drawdb-io/drawdb
GitHub - xyflow/xyflow: React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
GitHub - adrianhajdin/iphone: Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.
GitHub - kriasoft/react-starter-kit: The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
https://twitter.com/d151005/status/1766128024339308920
GitHub - latentcat/uvcanvas: An React.js component library for beautifully shaded canvas https://uvcanvas.com
TanStack | High Quality Open-Source Software for Web Developers
https://airbnb.io/visx/
GitHub - carbon-design-system/carbon: A design system built by IBM
GitHub - antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
