2022-04-26のJS: Redux v4.2.0、Node.js 18、Jest 28
JSer.info #589 - Redux 4.2.0がリリースされました。 Release v4.2.0 · reduxjs/redux 機能的な追加はなく、createStoreをDeprecatedにして、legacy_createStoreというcreateStoreのaliasを追加する変更が含まれています。 この変更の意図としては、Reduxのメンテナーが開発しているRedux Toolkitを使って欲しいという意図のようです。 詳しくは、次のIssueとドキュメントが公開されています。 Mark createStore as deprecated · Issue #4325 · reduxjs/redux Why Redux Toolkit is How To Use Redux Today | Redux Node.js 18がリリースされました。 Node.js 18
Amazon Kindle UI is switching from Java to React Native - Good e-Reader
Amazon has been employing Java for their entire UI for the Kindle since they started making them in 2007. In the past year, the company has been dramatically changing the home screen and user interface. Many people are upset about the changes, since it effects their reading flow. Do you know the real reason why they have constantly been changing all aspects of the Kindle? This is because they are
2022-03-24のJS: Deno 1.20、Faker v6.0.0、Next.jsのアップデート
JSer.info #584 - Deno 1.20がリリースされました。 Deno 1.20 Release Notes V8とRust間のOpコードの最適化をしてパフォーマンスの改善されています。 リクエストのAccept-Encodingヘッダを見て自動的にHTTP Response Bodyを圧縮するように変更されています。 また、deno benchコマンド、deno taskコマンド、deno.jsonがimportMapオプションをサポートしています。 Deno 1.19でDeno testでのリソースリークを検知する仕組みが実装されていましたが、パフォーマンスが悪化する場面がありました。 そのため、Deno 1.20では、deno testに--trace-opsフラグをつけた時のみデバッグ用の詳細な情報を表示するように変更されています。 破壊的な変更として、Workerと
Meta、UI構築のためのJavaScriptライブラリ「React 18」のリリース候補を公開
「React 18」では、ReactDOM.renderのサポートが終了し、代替としてcreateRootの使用が推奨されている。root APIは、rootを管理するためのより優れた人間工学を提供、あわせて並行レンダラを有効化する。また、従来のrender callback APIを、1対1で置き換えることはできないため、注意が必要となる。 今回、公開されたリリース候補では、react-dom/server APIを刷新し、サーバおよびストリーミングSSR上でSuspenseをフルサポートするようになった。この変更の一環として、サーバでのSuspenseのインクリメンタルストリーミングをサポートしていない、Node streaming APIが廃止されている。 ほかにも、「React 18」では多くの処理がバッチ処理によって自動化され、パフォーマンスが向上するとともに、スタイル、外部スト
JavaScriptライブラリ「Wijmo」のFlexGridをReact＋ASP.NET Core環境で使ってみよう
本記事では、グレープシティのJavaScriptライブラリ「Wijmo（ウィジモ）」に含まれるグリッド部品FlexGridを、Reactと組み合わせて利用する方法を説明します。ReactとASP.NET Coreを利用するVisual Studio 2022のテンプレートをもとに、FlexGridを表示させる実装を行います。関連して、ASP.NET CoreでWeb APIを作成して、APIの戻り値をFlexGridで表示する方法も説明します。 はじめに Wijmo（ウィジモ）は、グレープシティがHTML/JavaScript環境に向けて提供しているJavaScriptライブラリで、WebサイトやWebアプリケーションで活用できるUI部品を利用者に提供します。現状の最新版は「2021J v3」です。 図1 Wijmoの製品ページ Wijmoが提供するUI部品は、単体で利用する他に、Angu
2022-02-22のJS: Deno 1.19、Next.js 12.1、Monorepo Toolsまとめ
JSer.info #580 - Deno 1.19がリリースされました。 Deno 1.19 Release Notes deno vendorという外部モジュールをリポジトリ管理するためのコマンドが追加されています。 deno vendorは外部モジュールをローカルにインポートし、Import mapsでマッピングして利用できます。 Proposal: deno vendor · Issue #13346 · denoland/deno Deno.FileをDeno.FsFileにリネームし、Deno.Fileがdeprecatedとなっています。 Deno.Fileは次のメジャーアップデートで削除される予定です。 Deno.FsFileやDeno.ConnなどがWeb Streamsに対応、CompressionStream/DecompressionStreamのサポート、cons
「The State of JS 2021」公開。最も使われているフロントエンドのライブラリはReact、バックエンドはExpress、ビルドツールはwebpackなど
「The State of JS 2021」公開。最も使われているフロントエンドのライブラリはReact、バックエンドはExpress、ビルドツールはwebpackなど 回答者の国別分布を上位5位までを見ると米国が14％、ドイツが4.8％、ロシアが4.5％、フランスが4.2％、イギリス（UK）が4％となっており、日本の回答者は1.3％で15位、中国の回答者も1.3％でした。 一方、言語別では英語が70.1％と他を圧倒しており、2位がスペイン語で5.4％、ロシア語が5％、フランス語が3.3％、ドイツ語が2.3％、中国語、ポルトガル語、そして日本語が1％でした。 アンケートの結果は、ProxyやPromiseなどに関するJavaScriptの新機能がどのくらい使われているか、Service WorkerやWeb Audio API、WebGLなど新しいブラウザAPIがどのくらい使われているかや
JavaScriptフレームワーク「Next.js 12」リリース、Rustコンパイラによる高速化やミドルウェアのベータ提供など
「Next.js 12」は、これまでで最大のリリースであり、Rustコンパイラにおけるバンドルとコンパイルの最適化によって、ローカルでの更新を最大3倍、本番環境でのビルドを最大5倍高速化するとともに、認証やボット保護、リダイレクトや書き換えなど一連のページロジックを共有するあらゆるものに使用できる、ミドルウェアがベータ提供されている。 さらに、FacebookのReactチームとの協力によって、「React 18」用の「Next.js 12」を実験的に試せるようになり、「React 18」のサーバ側Suspenseの組み込みサポートと、SSRストリーミングサポートによって、HTTPストリーミングを使用してページをサーバ側でレンダリングできるようになるとともに、Reactのサーバコンポーネントを使用した、コンポーネント自体を含むすべての、サーバ上でのレンダリングが可能になった。 ほかにも、「
2021-10-27のJS: Yarn 3.1、Node.js 16.13.0(LTS)、Next.js 12
JSer.info #563 - Yarn 3.1がリリースされました。 Yarn 3.1 🎃👻 Corepack, ESM, pnpm, Optional Packages ... - DEV Community 👩💻👨💻 berry/CHANGELOG.md at master · yarnpkg/berry yarn init -2でNode v16.9.0からサポートされたCorepackのpackageManagerフィールドに対応しています。 また、PnPでのEMSサポート、新しいインストールモードとしてnodeLinker: pnpmのサポートしています。 また、optionalDependenciesで指定したアーキテクチャだけをダウンロードするsupportedArchitecturesの設定を追加しています。いままでのYarnはoptionalDepen
モダンJavaScriptを基礎からしっかり学びたい人、Reactを身につけたい人に最高の入門書 -React実践の教科書
モダンJavaScriptの基本からTypeScriptの実践的な内容まで、Reactを一から学び、しっかりと身につけたい人にお勧めの解説書を紹介します。 Reactを身につける上で、これだけは知っておいた方がよいというJavaScriptの知識も分かりやすく解説されており、基礎からしっかり身につきます。 本書はUdemyのReactコースで最高評価を獲得し、ベストセラーでもある著者がモダンJavaScriptの基本からTypeScriptの実務で役立つ内容まで詳しく解説した解説書です。著者が開催している勉強会で初学者がReactのつまづきやすい挫折ポイントをやさしく、分かりやすく導いてくれる解説書です。 発売して間もないですが、Amazonでは早くも高評価がたくさんついています。
世界的に人気のJavaScriptライブラリ「React講座」を新設。
即戦力IT人材育成を行うプログラミングスクールのインターネット・アカデミー（本社：東京都新宿区、学校長：大岡和雄）は、「Facebook」や「Twitter」、「Instagram」などの代表的なSNSや、「Yahoo!」、「Netflix」、「Slack」、「Uber」などの世界的に有名なWebサービスでも利用されている、JavaScriptライブラリのReact講座を新たに開設いたしました。 Reactとは Reactは「Facebook」や「Twitter」、「Instagram」などの代表的なSNSや、「Yahoo!」、「Netflix」、「Slack」、「Uber」などのWebサービスでも利用されている、Facebook社が開発した世界的に人気のJavaScriptライブラリです。Reactを用いれば、さまざまなUIパーツの構築ができ、優れたインターフェースを効率よく作成すること
150万MAUのNuxt.js製サービスを機能開発を止めずに1ヶ月&1人でNext.jsに置き換えた話
Nuxt.js で開発されていたAI受診相談ユビーのフロントエンドを Next.js で作り直しました。 まだまだ仮説検証を繰り返すフェーズのスタートアップのため、機能開発を止めて一気に置き換えることはできず、機能ごとに少しずつ置き換えてリリースをしました。結果、5人のプロダクト開発チームによる機能開発と並走して、全体の移行を1人で1ヶ月の短期間で終わらせることができたので、その意思決定や過程、工夫を紹介します。 移行前の課題 まず前提として、移行前の Nuxt.js による実装は 2018 年に立ち上がったもので、当時 toC の Web サービスを持っていなかった Ubie が ほぼ 1 人の小さいチームで PoC 的に作り始めたものでした。また、当時の Next.js は今ほど多機能ではないプレーンなフレームワークでした。 これらを踏まえて、当時の状況で MVP を最速で作るための技
React's UI State Model vs Vanilla JavaScript DOM State — A Beginner's Introduction
This article is aimed at beginners who've never had the chance to see 'why React'. It takes a very contrived example to make a point about how React's declarative state model could help keep state sanity when code scales. If you're an experienced developer these series of posts by Steven might give deep insights about why declarative abstractions scale in a way you might not have thought before. T
Introduction to React.js ⚛ and the required JavaScript! - DEV Community
React is a JavaScript library for building UI components. The ecosystem of React is really immense which eventually makes it one of the best front-end libraries JavaScript is a huge language and not all of it is required, Knowledge of a few JavaScript concepts can make the process easier for you if you are planning to learn React. Keep JavaScript aside for a moment, Knowledge of basic HTML and CSS
Image To Text Conversion With React And Tesseract.js (OCR) — Smashing Magazine
Do you have to process data manually because it is served through images or scanned documents? An image-to-text conversion makes it possible to extract text from images to automate the processing of texts on images, videos, and scanned documents. In this article, we look at how to convert an image to text with React and Tesseract.js(OCR), preprocess images, and deal with the limitations of Tessera
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create and Publish NPM Package for custom Hooks in React JS
Building a collection of Tech Blogs using React JS and HarperDB
Learn React for free | Scrimba.com
Human Pose Estimation with TensorFlow.js and React
What Do I Need To Know About React Native Coming From React JS?