Refine: Build Enterprise Grade Internal Tools With AIInternal software at the speed of AITurn your APIs into production-grade, React-based internal apps.
Blitz.js - The Missing Fullstack Toolkit for Next.js
// ---- ON THE SERVER ---- // app/projects/mutations/createProject.ts import { resolver } from "@blitzjs/rpc" import db from "db" import * as z from "zod" // This provides runtime validation + type safety export const CreateProject = z .object({ name: z.string(), }) // resolver.pipe is a functional pipe export default resolver.pipe( // Validate the input data resolver.zod(CreateProject), // Ensure
Headless React — Acko.net
Part 1: Climbing Mount Effect - Declarative Code and Effects Part 2: Reconcile All The Things - Memoization, Data Flow and reconciliation Part 3: Headless React - Live, Yeet Reduce, No-API, WebGPU Live It is actually pretty easy to build a mediocre headless React today, i.e. an implementation of React that isn't hooked directly into anything else. react-reconciler is an official package that lets
React Native is the Future of Mobile at Shopify - Shopify
React Native is the Future of Mobile at ShopifyAfter years of native mobile development, we’ve decided to build all of our new mobile apps using React Native. As I’ll explain, that decision doesn’t come lightly. After years of native mobile development, we’ve decided to go full steam ahead building all of our new mobile apps using React Native. As I’ll explain, that decision doesn’t come lightly.
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. If you’ve read any of my previous “build your own React” posts, the difference is that this post is based on React 16.8, so we can now use hooks and drop all the code related to classes. You can find the history with the old blo
React 公式ドキュメントの日本語翻訳を経験して感じた公式ドキュメント翻訳の魅力 - Qiita
はじめに 先日、React 公式ドキュメントの日本語化プロジェクトに参加し、僕が担当した ReactDOM というパートの翻訳をマージいただきました。細かくレビューいただき、ありがとうございました！ Translate react-dom by gotchane · Pull Request #45 · reactjs/ja.reactjs.org · GitHub 貴重な経験ができたのでその内容を共有したいと思い、今回のプロジェクトや公式ドキュメント翻訳の魅力についてまとめようと思います。 本記事のアウトライン 本記事では、まず React 公式ドキュメントの日本語化について僕が知ったきっかけから、実際に翻訳達成するまでの経緯をざっくりなぞります。 その後、今回の経験を通して感じた公式ドキュメント翻訳の魅力についてまとめます。 tl;dr 公式ドキュメント翻訳の魅力は以下 2 点あるかな
この DOM がすごい2018: worker-dom - mizchi's blog
おもしろライブラリを見つけて興奮しているので紹介します。 UIスレッド(メインスレッド)からユーザー操作をブロックしてしまうような重い処理を逃がす off-the-main-thread を実践しようとなると、実際に問題になるのは、ほとんどの処理は何らかの形で DOM を参照し、それに連なるものが処理時間の殆どを占めている、ということです。 off-the-main-thread の時代 - mizchi's blog DOM に触れない WebWorker でビジネスロジックを処理するのは、ある種の健全性(Universal/Isomorphic)を手に入れるための「縛りプレイ」として有用ですが、現状は実用上のメリットが殆どありません。 例えば react / redux の reducer で、ビジネスロジックを worker 側に移して処理できるぐらいアイソモーフィックに(DOMに触
Roppongi.js に行ってきた - fnwiya's quine
職場が変わり、六本木民となったので、 RoppongiJSに行ってきました。 感想としては azu さんが実在するということがわかった GraphQL 触ったことないので週末やろう やっぱ production で使ってこそ テンポよくて、最初からドリンクやケータリングも用意されてて最高でした！ 次回は何かしら発表したいです。 以下メモ stencil と Web Components by adwd118 資料 TS 製のフレームワーク prerendering とかできる Conditional Types I/O by takepepe 資料 Redux の軸足は action?state? redux-aggregate の中で使ってる型づけの話がメイン ServiceWorker を production で使ってる話 by shokai 資料 Scrapbox に SW をいれ
Building a Snipping Tool with Electron, React and Node.js
Modern web browsers allow us to access connected media devices like microphones, cameras, and screens through MediaDevices interface. Since Electron uses chromium and Nodejs, MediaDevices devices API is supported out of the box. Electron’s desktopCapturer module provides access to media sources that can be used to capture audio and video from the renderer process. In this tutorial, I’ll show how t
Almin 0.17リリース – executeの型付け、新しいReact Contextのサポート
ステート管理ライブラリの[email protected]をリリースしました。 詳しい変更点は次の記事でも紹介しています。 Almin v0.17 – Support context.useCase#execute typing and new React Context · Almin ⭐ Feature Support context.useCase#execute typing #342 #107 AlminはTypeScriptを公式にサポートしています。 しかし今まではcontext.useCase(someUseCase).execute(args)のargsがany[]となっていました。 コレを解消するためにAlmin 0.13でcontext.useCase(someUseCase).executor(useCase => useCase.execute(args))という
Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン MOONGIFT
ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。 そこで使ってみたいのがVue Designerです。Visual Studio Codeプラグインとして動作するVueデザイン確認ツールです。 Vue Designerの使い方 エディタです。Vueファイルに対応しており、デザイナーを開くと右側にプレビューが表示されます。 もちろんリアルタイムに更新されるので、スタイルタグの内容を変えるとすぐに反映されます。 props、データの確認もできます。 Webブラウザなどで表示を確認するのも良いですが、プログラミングエディタの中に埋め込まれていることで、より確認が簡単にできるようになっています。Vue Designerを
2018年の最先端フロントエンドエンジニアになろう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンドエンジニア / バックエンドエンジニア / DevOpsエンジニア@poly_soft この画像を見てティン！と来たので訳してみました。 以下はModern Frontend Developer in 2018の日本語訳です。 Modern Frontend Developer in 2018 この記事を始める前に、まず私のことと、このロードマップについてお伝えします。 私は過去5年間フルスタックエンジニアとして働いていて、そして現在はtajawalで、様々な役割を持つリードエンジニアとして働いています。 単に趣味だからと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Win11 made in React
Node-Based UIs in React - React Flow
GitHub - mithi/hexapod: Blazing fast hexapod robot simulator for the web.
GitHub - orbyjs/core: Orby is a small 2.8kb experiment of functional components based on JSX, Hooks and virtual-dom.
(翻訳) React Hooks は魔法ではなく、ただの配列だ
Why Discord is Sticking with React Native – Discord Blog
GitHub - adam-golab/react-developer-roadmap: Roadmap to becoming a React developer
GitHub - paypal/glamorous: DEPRECATED: 💄 Maintainable CSS with React
