Advanced React Component PatternsDecember 5th, 2017 — 7 min read I don't know that I've ever been more excited about an egghead.io course release before (having personally published over 100 videos on egghead, that's saying something...). Two of my courses will be (have now been) released as part of egghead's annual Christmas course release celebration 🎉 One is The Beginner's Guide to ReactJS and
Using Functions as Children and Render Props in React Components React Child Function React allows for you to specify a function as a child, which children is just a normal prop so it is equivalent to a render callback. Lets take a look at what this all looks like. render() { return ( <div> <LoadContent> { ({ loading }) => <span>{loading}</span> } </LoadContent> </div> ) } Here we are using the Lo
コンポーネント指向での開発も割と枯れてきて、昨年から海外ではいわゆるデザインパターンに名前がついて紹介されることが多くなってきました。 この記事ではその内の一つ、Compound Componentsを紹介いたします。 またタイトルに「Reactの」とついてますが、実装例がReactなだけでコンポーネント指向であれば他のUIライブラリでも考え方は流用可能です。 完成した実装はここに置きました。 https://codesandbox.io/s/104lvmynj4 参考 Ryan Florence - Compound Components Advanced React Component Patterns Compound Componentsとは はじめに Compound という言葉ですが直訳だと動詞で 混ぜ合わせる という意味です。実際の実装は混ぜ合わせるというよりは「組み合わせる
This article follows the previous one titled How to structure your files in a large React application — the problem. Hopefully you have read it first. In it we analyzed the traditional model of starting with actions / components / containers / reducers and the issues that come with it. In this second part, I’m going to propose a way of organizing files that will: Make it easier to discover code th
What makes a good Progressive Web App? Stay organized with collections Save and categorize content based on your preferences. Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase. To help you create the best possible experience, use the core and opti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く