Build in AI speed — Compose enterprise-grade applications, features, and componentsHow to type React propsSince React props are used to send transmit data between one React component to another, there are many types that you can use to type React props. To write the types of your props, you need to add a colon and the object literal notation (: {}) next to the destructuring assignment of the child
The new wave of React state managementUnderstand the core problems state management libraries need to solve. And how the proliferation of modern libraries address them in new ways. IntroductionAs React applications grow in size and complexity, managing shared global state is challenging. The general advice is to only reach for global state management solutions when needed. This post will flesh out
Today we're excited to release React Native 0.82: the first React Native that runs entirely on the New Architecture. This is a milestone release for React Native and we believe it's the start of a new era. In future versions we will be removing the remaining code from the Legacy Architecture to reduce install size and streamline the codebase. In addition, 0.82 also ships with an experimental opt-i
Making a Chess Engine in Zig
I had the honor of speaking at Systems Distributed at the end of June. Since it was hosted by TigerBeetle who is one of the largest zig users, a lot of the zig community was there. After talking to some of them, Zig seemed more interesting for me to try out. Around the same time my youtube algorithm got me hooked on chess content. I’m not a good chess player by any means, but it started giving me
この記事はReact Native 全部俺 Advent Calendar 14日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にReact NativeおよびExpoの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はXにお願いします。 10分で読めるReact Nativeの全公式コンポーネントまとめ React Nativeには意外と少ない数の公式コンポーネントしかありません。その分1つ1つのコンポーネントがよく考えられていて、必要十分な機能を持っています。今回は各コンポーネントの機能と使い方について詳しく解説していきます。 Core Components View 最も基本的なUIコンポーネントで、iOSのUIView、Androidのandroid.view.View、そしてWeb
The web dev community has spent the past few weeks buzzing about signals, a reactive programming pattern that enables very efficient UI updates. Devon Govett wrote a thought-provoking Twitter thread about signals and mutable state Devon Govett on X Easy to forget, but the debate about signals is the same one we had about 2-way data binding vs unidirectional data flow 10 years ago. Signals are muta
Theme 第 167 回のテーマは 2024 年の Yearly Ecosystem です。 Show Note 2024 年のチェックポイント Vite の覇権を Turbopack, RSPack が奪えるか? Storybook は覇権をとって、Chromatic もすごくなりそう Next App Router が本当に広がるか RSC 対応の Bundler が増えて Next 以外の解が見れそう アプリケーションの Rust 化くるか? React Forget Figma Config 2024 の Adobe の影響 State Management どうなってく? (Context, Jotai, SWR, Signal) ESLint to flat config or Biome AI driven FE Development CSS の新しい方法論 今年のキーワ
アクセシブルなフロントエンド開発のこれまでとこれから
アクセシブルなフロントエンド開発のこれまでとこれから 2021年11月27日に開催された JS ConfJP 2021 にて登壇してきました。このページはそこで登壇した内容をもとに書き起こした記事です。 アクセシビリティとは何か フロントエンド開発をしている人であれば「アクセシビリティ」という言葉は耳にしたことがあると思います。 では、アクセシビリティとは一体何を意味する言葉なのでしょう。 アクセシビリティはあらゆる人がアクセスできるようになることを指します。 アクセスする、というと想像しづらいのですが、なんらかの情報を得られるようになる、とある機器やサービスを利用できるようになると言い換えるとイメージしやすいかもしれません。 では「ウェブアクセシビリティ」とは何でしょうか。 外務省の定義として 「ホームページを利用している全ての人が、心身の条件や利用する環境に関係なく、ホームペー
HTML Form Validation is heavily underusedOctober 28, 2024 HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore. Attributes, methods, and properties It’s easy to disallow empty inputs by adding a required attribute: <input required={true} /> Beyond that, there i
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React with TypeScript Cheatsheet
The new wave of React state management
React Native 0.82 - A New Era · React Native
10分で読めるReact Nativeの全公式コンポーネントまとめ
Were React Hooks a Mistake? | jakelazaroff.com
ep167 Yearly Ecosystem 2024 | mozaic.fm
HTML Form Validation is heavily underused