タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

ReactとJavaScriptとFPに関するjsstudyのブックマーク (9)

  • 副作用フックの利用法 – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方がライブサンプル付きで学べます。 エフェクトを使って同期を行う エフェクトは必要ないかもしれない useEffect フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 副作用 (effect) フック により、関数コンポーネント内で副作用を実行することができるようになります: import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); /

    副作用フックの利用法 – React
    jsstudy
    jsstudy 2019/09/07
    React コンポーネントにおける副作用には 2 種類あります。クリーンアップコードを必要としない副作用と、必要とする副作用です。これらの違いについて詳しく見ていきましょう。
  • フック早わかり – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントでフックを用いた最新の React の使い方が学べます。 クイックスタート チュートリアル react: フック フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 フックには後方互換性があります。このページでは React 経験者向けにフックの概要を述べていきます。このページはかなり端折った概要となっています。困ったときには以下のような黄色のボックスを参照してください。 詳しくは React にフックを導入する動機については動機を参照してください。 ↑↑↑ それぞれの節の終わりに上のような黄色いボックスがあります。より詳しい説明

    フック早わかり – React
    jsstudy
    jsstudy 2019/09/07
    フックとは、関数コンポーネントにstateやライフサイクルといったReactの機能を“接続する(hook into)”ための関数です。フックはReactをクラスなしに使うための機能ですので、クラス内では機能しません。 フックのルール
  • フックの導入 – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントでフックを用いた最新の React の使い方が学べます。 クイックスタート チュートリアル react: フック フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clic

    フックの導入 – React
    jsstudy
    jsstudy 2019/09/07
    フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。この useState という関数が、これから説明する最初のフック (Hook) です。
  • Elmの歩き方2019

    Elm Meetup in Summer 2019

    Elmの歩き方2019
    jsstudy
    jsstudy 2019/08/30
    ReduxはElmアーキテクチャを参考にしてる。Elmのエコシステムで不足を感じてもその作法は一度見ておく価値がある?Haskell風に書きたいならPureScript+Reactという選択肢もある。Elmは教材が良いので速習可能 https://guide.elm-lang.jp/
  • リアクティブシステムが注目を集める理由

    第1回となる今回は、「リアクティブシステム」が登場した背景や注目を集めている理由などの概略を紹介します。 リアクティブシステムとは何か? ここ最近、「リアクティブ」という言葉を耳にしたり、SNS上で目にしたりという機会が増えたのではないでしょうか? リアクティブは、目まぐるしく進化するソフトウェア構築技術の中で、次世代ソフトウェア構築のためのベースとなる技術の一つとして注目されています。しかし、ひとくちにリアクティブといっても、単にリアクティブと言ってみたり、リアクティブプログラミング、React.js、リアクティブストリームなど様々で、リアクティブの明確な定義が存在せず、その捉え方もまた様々です。そこで連載では「リアクティブシステム」にフォーカスして、「リアクティブシステム」とは何なのか、どうやって作るのか、「リアクティブシステム」によって誰がどんなふうに幸せになれるのかを紹介していき

    リアクティブシステムが注目を集める理由
  • リアクティブプログラミングとは何だったのか - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ※この記事はずいぶん内容がわかりづらかったようで、さまざまな反応を頂きました。追記が複数ありますので、併せてご覧ください。 TL;DR Version: リアクティブプログラミングに挑戦しようとした。がっかりした。 はじめに 私のこの記事は「【翻訳】あなたが求めていたリアクティブプログラミング入門」に触発されて?書かれたもので、そちらの元ネタの記事に先に目を通しておいたほうが理解がしやすいと思います。そちらの記事は当に解説がわかりやすく、そして何よりとても説明が具体的なので、リアクティブプログラミングについて知りたいかたには大変おすす

    リアクティブプログラミングとは何だったのか - Qiita
  • リアクティブプログラミングへの理解がイマイチだったのでまとめてみた - UUUMエンジニアブログ

    こんにちは、タナカです。 ここ数年で、リアクティブプログラミングというキーワードをよく目にするようになりました。 僕も記事を読んだり、FRPのライブラリをいろいろ試したりはしているのですが、リアクティブプログラミング自体への理解がイマイチな状態でした。 日は勉強会で発表するといういい機会がありましたので、今回リアクティブプログラミングについてまとめてみました。(内容等に間違えがあればご指摘いただけると助かります・・・。) リアクティブプログラミングについて wikipediaでは以下のように説明されています。 値の変更を伝播させるデータフロー指向のプログラミングパラダイム 値の関係性を記述してプログラミングする これらについて実際の例を使って説明していきたいと思います。 リアクティブプログラミングの例 リアクティブプログラミングを説明するのにExcelの例がよく利用されます。 こちらの例

    リアクティブプログラミングへの理解がイマイチだったのでまとめてみた - UUUMエンジニアブログ
  • https://bucklescript.github.io/ja/

    jsstudy
    jsstudy 2018/09/02
    Facebookで開発されているAltJS。OCaml→JS Write safer and simpler code in OCaml & Reason, compile to JavaScript.
  • Reason · Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.

    Hello! This particular page hash has moved to . Please update the URLs to reflect it. Thanks! type schoolPerson = | Teacher | Director | Student(string); let greeting = person => switch (person) { | Teacher => "Hey Professor!" | Director => "Hello Director." | Student("Richard") => "Still here Ricky?" | Student(anyOtherName) => "Hey, " ++ anyOtherName ++ "." }; type schoolPerson = Teacher | Direct

    jsstudy
    jsstudy 2018/09/02
    Reason を使うと、JavaScript & OCaml の両方のエコシステムを活用しながら、単純、高速かつ高品質な型安全コードを書くことができます。
  • 1