タグ

ReactとjQueryに関するefclのブックマーク (6)

  • JQuery to React: How we rewrote the HelloSign Editor

    HelloSign is a Dropbox company that provides a Web-based eSignature solution: If you have a document you want someone to sign, you upload the document file, then show you an editor in which you place all the fields to build the form the recipient will fill out—signatures, dates, initials, etc. You send this prepared form to the recipient. When they’re done signing, everything is reassembled into a

    JQuery to React: How we rewrote the HelloSign Editor
    efcl
    efcl 2020/10/05
    jQueryで書かれた署名アプリをReactに移行した話。 移行する際にUIを再設計するべきか、アプリの構造、UIに対するStateの設計、Storybookを使ったデバッグ環境などについて。
  • 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

    JavaScript frameworks security report 2019 | Snyk
    efcl
    efcl 2019/11/30
    Angular(JS)、React、jQueryについてのセキュリティレポート。 脆弱性の個数や影響範囲、脆弱性報告、セキュリティ機能についてなど
  • Reactを使って本気でアンケートシステムをつくった - Qiita

    この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用しているものはこのレポジトリからフォークしたものとなっています。 下記のような機能を備えています。 ページの作成 ページ内への設問の作成 複数選択肢 単一選択肢(ラジオボタン) 単一選択肢(プルダウン) 数値記入 1行テキスト 複数行テキスト 表形式 都道府県 説

    Reactを使って本気でアンケートシステムをつくった - Qiita
    efcl
    efcl 2017/12/26
    Reactでアンケート作成、解答システム。 jQueryとの混在事例
  • React+Flux can do in just 137 lines what jQuery can do in 10 | Swizec Teller

    Senior Mindset BookGet promoted, earn a bigger salary, work for top companies Start with a free chapterGet a free chapter from the Senior Engineer Mindset book and a sample audiobook chapter, followed by a Senior Mindset 101 email course. React+Flux can do in just 137 lines what jQuery can do in 10 XKCD Automation I waste almost 15 minutes a week on an annoying little task. Every email I send to a

    React+Flux can do in just 137 lines what jQuery can do in 10 | Swizec Teller
    efcl
    efcl 2015/10/29
    メール出すだけの機能を作るのにjQueryだと10行、React+Fluxだと137行となった。 行数で見ると無駄に見えるが、 Fluxはパターンであるため他の人が見た時に理解がしやすかったり、新しい機能を追加しやすいなどの違いがあると
  • React for Designers

    efcl
    efcl 2015/10/28
    jQueryユーザーぐらいの人がReactを学ぶためのチュートリアル
  • ReactをjQueryの数行に要約する | POSTD

    Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか? Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('

    ReactをjQueryの数行に要約する | POSTD
    efcl
    efcl 2015/04/23
    jQueryで書いたコードにReactのアイデアを適応して、状態の変更とDOMへの反映へと処理を分けていく話。 Virtual DOMやimmutabilityについても触れている
  • 1