タグ

2017年4月9日のブックマーク (6件)

  • 「Reactの難しさ」を分解しよう - タオルケット体操

    他のライブラリと比べるまえに まず、ReactとjQueryと比べるのはやめよう 「テンプレートエンジン」として捉えて、シンタックスを攻撃するのをやめよう ライブラリとしてのReactはとても簡単 Reactの思想を理解するのはチョットムズカシイ 環境構築が難しい JavaScriptそのものが難しい GUIが難しい jQuery時代からのパラダイムシフト フレームワーク関係者の情報量が多い SPAはとりわけ難しい まとめ ずっと感じてたもやもやを書き連ねたら長くなってしまったが、ぼんやりとReactとかなんか難しそうだしめんどくさいから新規案件だけどjQueryでやろっかなどうしよっかなーと迷っている人の指針になってくれればうれしい。 他のライブラリと比べるまえに まず、ReactとjQueryと比べるのはやめよう 出た時から延々と言われ続けているものの、やっぱり今でもjQueryとRe

    kyaido
    kyaido 2017/04/09
  • React.createClass versus extends React.Component - Ultimate Courses

    Two ways to do the same thing. Almost. React traditionally provided the React.createClass method to create component classes, and released a small syntax sugar update to allow for better use with ES6 modules by extends React.Component, which extends the Component class instead of calling createClass. These differences are subtle in places, but have quite a few interesting differences worth explori

    React.createClass versus extends React.Component - Ultimate Courses
    kyaido
    kyaido 2017/04/09
  • More Transparent UI Code with Namespaces – CSS Wizardry

    6 March, 2015 More Transparent UI Code with Namespaces Written by Harry Roberts on CSS Wizardry. Table of Contents The Namespaces Object Namespaces: o- Component Namespaces: c- Utility Namespaces: u- Theme Namespaces: t- Scope Namespaces: s- Stateful Namespaces: is-/has- Hack Namespaces: _ JavaScript Namespaces: js- QA Namespaces: qa- Handy Side Effects Detecting Namespaces Finding (In)valid Class

    More Transparent UI Code with Namespaces – CSS Wizardry
    kyaido
    kyaido 2017/04/09
  • Writing modular CSS (Part 1) — BEM | Zell Liew

    (Hey, we're having problems showing images in RSS right now, so if you want a better reading experience, consider viewing this article online [here](https://zellwk.com//blog/css-architecture-1. We hope to fix this soon!). Have you worked on large websites that spans more than a few pages? If you did, you probably realized the horrors of not conforming to a robust CSS architecture. You probably wou

    Writing modular CSS (Part 1) — BEM | Zell Liew
    kyaido
    kyaido 2017/04/09
  • Fractal

    Github (opens new window) Flexible Complete freedom to use whichever templating language, build tool and organisational model best suits your project. Integrated Seamlessly integrate your component library into your site, app or build tools by including it as a dependency in your build.

    kyaido
    kyaido 2017/04/09
  • スタイルガイドとパターンライブラリの違い

    最近、パターンライブラリの作成ツールを探していて「Fractal」というツールを試しています。で、ふと「スタイルガイドとパターンライブラリの違いってなんだっけ?」という疑問が湧いたので、ちょっと整理してみました。ちなみに、どっちがいいかを書いているわけではないです。 特にウェブ向けのものではスタイルガイドもパターンライブラリもほぼ同じ意味で使われていることが多い気がしますが、あえてスタイルガイドとパターンライブラリを違ったものとして定義するとどうなるか、まとめてみます。 スタイルガイド 企業や組織のブランドイメージを統一するためにまとめられたガイドライン ロゴの使い方、配色パターン、タイポグラフィなどのビジュアルデザインを定義する より総括的なものだと文章のトーン&マナーなどのコミュニケーションデザインを定義する場合もある UIパターンやコンポーネントのデザイン一覧(パターンライブラリ)を

    スタイルガイドとパターンライブラリの違い
    kyaido
    kyaido 2017/04/09