Introducing React ReExt – Sencha Ext JS Components in React! LEARN MORE

Sencha ExtReact 6.5.3 GA および React 16 EAのお知らせ

April 12, 2018 120 Views
Show

April 11, 2018 | Sandeep Adwankar

このたび、ExtReact 6.5.3のリリースを発表しました。このリリースでは、いくつかのコンポーネントの機能拡張に加え、新しいSplitButtonコンポーネントを搭載しています。また、今回React 16のサポートについて、早期アクセスを開始しました。

ExtReact 6.5.3をご利用ください

購入前の方は:
製品をお持ちの方は:
  • 以下の単純なコマンドを実行し、既存のExtReactアプリをアップデートしてください。

npm update

米国太平洋時間(PDT)4月17日 午前10時(日本時間4月18日午前2時)に開催されるWebセミナーに参加して、ExtReact 6.5.3の新機能やExt JS およびCmd 6.5.3をはじめとする最新アップデート情報をご覧ください。

ExtReact 6.5.3の新機能

新しいコンポーネント – SplitButton

ExtReactは、Reactによるデータ集約型Webアプリケーションを開発するための115以上のリッチUIコンポーネントを提供しています。ExtReact 6.5.3では、Reactアプリケーションで新たにSplitButtonコンポーネントを使用できるようになりました。すべてのコンポーネントにおいて、React propsとしてすべてのコンポーネントのconfigにアクセスし、イベントへの応答、便利で柔軟なドッキング可能レイアウトを使用できます。

ExtReact Kitchen sink example showing SplitButton
ExtReact Kitchen Sink ExampleでのSplitButton使用例

最新のコンポーネント機能拡張

すべてのExtReactコンポーネントでは、数多くのprops、メソッド、イベント、テーマ変数にアクセスできます。例えば、Gridコンポーネントでは、ヘッダーを固定したスクロール、列ヘッダーのクリックによるソート、特定列の表示/非表示、ページングの追加、グループ化、集計、セル内のデータ編集、Excelへのデータエクスポート、ドリルダウンや行の拡張などが可能です。ExtReact 6.5.3では、Grid、NestedList、Charts、Data View、Events、Widgets、List、Calendar、Panel、Pivot Grid、Grid Tree、Formsなど数多くのUIコンポーネントにも改善が加えられています。

ExtReact Big Data Grid example
ExtReactのビッグデータグリッドのサンプル

Themer 1.3.1のサポート

ExtReactコンポーネントは、テーマをサポートしており、React開発者にとって極めて有益です。MaterialテーマはReact開発者に人気がありますが、ExtReactのすべてのコンポーネントは、Materialテーマをフルサポートしています。Themer 1.3.1を使用すれば、Reactアプリケーション用にテーマをサポートしたのンポーネントをビジュアルに作成できます。

Theming ExtReact components
テーマをサポートしたExtReactコンポーネント

React 16サポートの早期アクセス

React 16は、Reactの新しいコアアーキテクチャであるコードネーム「Fiber」上に構築された最初のReactバージョンです。多くのExtReactユーザーから、この最新リリースのサポートリクエストをいただいており、現在、React 16のサポートに取り組んでいます。ぜひ、早期アクセス版をお試しいただき、フィードバックをお寄せいただくことで、製品の改善にご協力いただくようお願いします。Sencha NPMレジストリにログインしたら(NMPへアクセスしたことがない方は、こちらのドキュメントをご覧ください)、以下の手順に従って開始してください。

git clone -b 2.0.x-dev
[email protected]:sencha/extjs-reactor.git

cd extjs-reactor/

npm install

cd packages/reactor-conference-app16

npm start

 


ぜひお試しください

ExtReactによるアプリ開発をお試しいただき、ぜひフィードバックをExtReactフォーラムにお寄せください。

Recommended Articles

Ext JS Performance Optimization for Large-scale Applications

Are you facing issues with Ext JS applications’ performance as they scale up? Don’t worry! This blog covers the main topics for optimizing Ext JS…

Ext JS Dynamic Forms: Hands-On Guide to Create Data Forms

Dynamic forms are changing the online world these days. ExtJS can help you integrate such forms into your website. It has scalable and excellent reusable…

JavaScript Design Patterns: A Hands-On Guide with Real-world Examples

As a web developer, you know how popular JavaScript is in the web app development landscape. It powers thousands of web applications, from simple to…

Virtual JS Days 2024のハイライト

2024年2月20日~22日、第3回目となる「Virtual JavaScript Days」が開催されました。JavaScript の幅広いトピックを採り上げた数多くのセッションを実施。その内容は、Senchaの最新製品、ReExt、Rapid Ext JSまで多岐にわたり、JavaScriptの最新のサンプルも含まれます。 このカンファレンスでは多くのトピックをカバーしています。Senchaでセールスエンジニアを務めるMarc Gusmano氏は、注目すべきセッションを主催しました。Marc は Sencha の最新製品「ReExt」について、詳細なプレゼンテーションを実施。その機能とメリットを、参加者に理解してもらうべく詳細に説明しました。 カンファレンスは、Senchaのジェネラルマネージャを務めるStephen Strake氏によるキーノートでスタートしました。キーノートでは、会社の将来のビジョンについての洞察を共有しています。世界中から JavaScript 開発者、エンジニア、愛好家が集まるとてもエキサイティングなイベントとなりました。これは、JavaScript エコシステムの最新情報について学ぶユニークな機会と言えます。

JS Frameworks: A Guide to Dodging 10 Common Blunders

Ext JS is one of the most popular JS frameworks for creating interactive websites. However, beginners often face challenges when using it. This guide helps…

7 Tips for Optimizing Performance in JavaScript Grids

A JavaScript data grid is a UI element that enables developers to efficiently present data in a tabular format. These grids essentially allow us to…

View More