GitHub - frontend-collective/react-sortable-tree: Drag-and-drop sortable component for nested data and hierarchiesYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Rows n' Columns
Built for DevelopersSpreadsheet is rendered in HTML Canvas, giving you ~60fps rendering performance and ability to display millions of rows and columns without peformance impact. With escape hatches, you can access the internals and customize it to your liking. Compose the perfect SpreadsheetPick and choose the components you need to build your Spreadsheet. You can also build own custom functional
Adapt - React for your infrastructure.
Create and deploy full‑stack apps to any infrastructure using the power of React. Stop trying to stitch together shell scripts, YAML files, and crippled template languages to deploy and operate your API endpoints and microservices. Use React’s declarative JSX syntax, JavaScript components, and a rich component library to build, deploy, and operate your <NodeService> API, connect it to <MongoDB>, o
Reactで画像やテキストにWebGLエフェクトをかけるライブラリ作った - マルシテイア
amagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。 REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。 ⚡𝙍𝙀𝘼𝘾𝙏-𝙑𝙁𝙓 released！⚡ I created React components to add WebGL effects to images, videos and plain texts in your app. It also supports animated GIFs...😎 Visit website for details:https://t.co/mlnmExpUVZ#REACTVFX #WebGL #React #Threejs #GLSL pic.twitter.com/uDUQ8MKNcK— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayos
Animations using React Hooks and GreenSock - LogRocket Blog
Editor’s note: This post was updated 13 October 2021 to removed the deprecated TweenMax method of animating and further update the tutorial. We also changed some language to reflect the current way of referencing GSAP. Delving into the world of animations on the web can either be a great journey or a tiresome one. My goal is to make it a great journey, while also using the power of React Hooks to
TypeScript: ReactNode型とReactElement型とReactChild型 - dackdive's blog
メモ。 ReactNode ReactElement ReactChild の関係性、何回か調べている気がするので整理しておく。 @types/react の型定義 https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts を参照した。 図で、ReactNodeArray → Array<ReactNode> 以外の線は Union Types を表している。 たとえば type ReactChild = ReactElement | ReactText である。 メモ JSX が受け付けるすべてのものをまとめた type として ReactNode があり、そこから string や null などを除いた純粋な React コンポーネントを意味するのが ReactEleme
TypeScript で書く React コンポーネントを基礎から理解する - Qiita
この記事は Recruit Engineers Advent Calendar 2019 の 23日目の記事です。 TypeScript のプロジェクトで React コンポーネントを書いていると、コンパイラに怒られることがたびたびあります。ネット上にあるサンプルコンポーネントが JavaScript で書かれていると、プロジェクトにもってきたときにコンパイルできないということはよくあるんじゃないでしょうか。any でコンパイラを黙らせることもできますが、せっかく TypeScript を使っているので、安全に解決したいよねってことでこのような記事を書きました。 型定義は @types/react@16.9.17 にしたがっています。目次をみて、この程度のことはもう知っているよという方は react-typescript-cheatsheet をみてください。React + TypeScr
TwitterやSlackのRedux Storeを覗く | Recruit Tech Blog
{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していました。 以下は投稿が複数のコメントを持つ例です。postsはcommentsのidだけを持っています。 { posts : { byId : { "post1" : { id : "post1", author : "user1", body : "......", comments : ["comment1", "comment
React SlideShow UI - Slideshare/Speakerdeck風の表示を行うReactコンポーネント MOONGIFT
スライドを共有するSlideshareやSpeakerdeckのようなサービスを作りたいと思ったことはないでしょうか。個人的には以前作ったことがあるのですが、その頃はFlashに変換してビューワーで表示するのが基本でした。今であればPDFや画像化して表示することでしょう。 今回紹介するReact SlideShow UIは画像をスライド風に切り替えて表示できるビューワーです。 React SlideShow UIの使い方 Reactコンポーネントの記述法です。imagesで複数の画像を指定できます。 <slideshow style={{width: 400}} images={[ './img/example1.png', './img/example2.png', './img/example3.png', ]} withTimestamp={true} pageWillUpdate=
Five ways AirSHIFT improved their React app's runtime performance | web.dev
Five ways AirSHIFT improved their React app's runtime performance Stay organized with collections Save and categorize content based on your preferences. Website performance is not just about load time. It is critical to provide a fast and responsive experience to users, especially for productivity desktop apps which people use everyday. The engineering team at Recruit Technologies went through a r
JavaScript frameworks security report 2019 | Snyk
Welcome to Snyk's State of JavaScript frameworks security report 2019. In this report, we investigate the state of security for both the Angular and React ecosystems. This report by no means intends to venture into any rivalries that may exist between the two in terms of whether one or the other is a true framework - we are not comparing them as competitive frameworks at all. Instead, we review th
React Conf 2019に参加した話 - sasurau4のブログ
はじめに PDTで10/23 - 10/25に開催されたReact Conf 2019に参加してきたので、その参加レポートです。 筆者の英語力が頼りないため、内容の正確性に保証はありません。また、人名はすべて敬称略です。 ここに書ききれなかった内容については、お会いしたときに酒の肴として聞いてください。 参加した経緯 CFP募集してたから応募した 採択されなかったけど、おまけで抽選免除でチケット購入できる案内がきた せっかくだし、自前でチケット買って行くことにした なんやかんやで10/11のTSConfも行くことにした どうしてこうなったんだろう🤔 ちなみに、時系列的にはUSに3週間弱滞在してたうちの第三部です。 第一部TSConf編と第二部Los Angeles編は近いうちに書きます。 参考リンク conf.reactjs.org www.youtube.com www.youtube
最近のJavaScriptフレームワークでのXSS
所謂、最近流行っているJavaScriptフレームワークでのXSSの例をいくつか挙げようと思う。 最近のJavaScriptフレームワークは賢いので、データをバインドする際にHTMLエスケープしてくれてXSSから保護してくれる。 しかしながら、保護が適用されないケースもあるため、過度にフレームワークに信頼しているとXSSを作り込んでしまう。 ここではReactとVue.jsでその例をいくつか挙げようと思う。 あくまで「やってしまうかもしれない例」というだけで、ReactやVue.jsの固有の問題というわけではないです。 React javascript:スキーム aタグのhref属性にjavascript:やdata:text/htmlなどの任意のスキームをユーザーが設定できる場合、XSSが生じる。 これはReactに限った話ではなく、古くからある手法だが、未だにたまに見る。 import
Type-safe state modeling with TypeScript and React Hooks
The power of React Hooks allows us to manage reusable and composable state in our React components, without the need for class components or global state (such as Redux). Combining that with the flexibility of TypeScript interfaces, there are several different methods we can use to model our component state and context in a type-safe way. In this post I will illustrate some of the benefits to usin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
useUrlState - ahooks 3.0
kng9@mochiya98
GitHub - pmndrs/react-spring: ✌️ A spring physics based React animation library
REACT-VFX - WebGL effects for React! #REACTVFX
Learn React Portals by example - LogRocket Blog
GitHub - react-hook-form/react-hook-form: 📋 React Hooks for form state management and validation (Web + React Native)
