[B! react] labressのブックマーク

JavaScript(ES2015&React)で画像を扱う：リサイズとプレビュー表示 - dackdive's blog

はじめに web サイト／アプリケーションで画像のアップロード機能などを実装する場合、最近のスマホのカメラで撮影した画像はサイズが数 MB にも及ぶので、あらかじめクライアント側で送信可能なサイズまで縮小する必要があります。今回はそのような画像のリサイズの実装方法を整理しつつ、サンプルコードを React で書いてみます。冒頭に画像のリサイズについて色々書いてますが、結論としては便利なライブラリでよしなにやってくれるので実装方法だけ知りたい場合は読み飛ばしてください。 JavaScript で画像を扱う際の基本まず、JavaScript で画像ファイルを扱うにあたっての非常に基本的な話。 <input type="file"> 要素で選択した画像ファイルのデータを取得し、プレビュー表示するには以下のようにします。 class ImagePreviewer extends React

labress 2019/08/19

リンク

Debugging TypeScript Using VSCode and Chrome - DEV

labress 2019/03/01

react
debug

リンク

Structuring projects and naming components in React | HackerNoon

Too Long; Didn't Read React is just a lib, it doesn’t dictate rules about how you should organize and structure your projects. In this post, I’m going to show some approaches that I have been using for a while and have been scaling very well. These approaches don't re-create the wheel, they just put together and refine what we have on the market. The above approach, minimize the probl em about navi

labress 2019/02/09

react

リンク

React-Redux Async example with Thunk middleware .

labress 2019/02/09

react

リンク

How To Structure a React Native App For Scale

Here’s a sample project that demonstrates the concepts discussed in this article. Let’s discuss an approach to architecting large React Native applications — a great one i suppose. Learning and building with React Native(RN) has been an interesting one to say the least, with the fast pace of innovation and changes in the ecosystem (don’t forget, we’re not at version 1.0 yet!). I started out buildi

labress 2019/02/09

react

リンク

Three Rules For Structuring (Redux) Applications

In this series we are looking at code organization in the context of a React and Redux application. The takeaways for the “Three Rules” presented here should be applicable to any application, not just React/Redux. Series contents Part 1 - Three Rules for Structuring (Redux) Applications Rule #1: Organize by feature Rule #2: Create strict module boundaries Rule #3: Avoid circular dependencies Part

labress 2019/02/09

react

リンク

Structure your React-Redux project for scalability and maintainability

create-react-app is a flexible tool that allows you to structure your project code anyway you like as long as the index.js file is available in the root of the /src directory. Small projects don’t need a sophisticated structure, and you can pretty much put all your components in the /src directory. However this won’t scale for larger projects. We’ll walk through ways to structure your code so that

labress 2019/02/09

react

リンク

How to structure your project and manage static resources in React Native

labress 2019/02/09

react

リンク

A Scalable React Native Project Structure – Software Survivor

labress 2019/02/09

react

リンク

React Nativeで作った新アプリについて(5日間連載) - クックパッド開発者ブログ

こんにちは投稿開発部の丸山@h13i32maruです。今日から5日間、本ブログに投稿開発部メンバーで連載記事を書かせていただきます！いきなり「投稿開発部で連載記事」と言われても何のことかわからないと思うので、まず投稿開発部について簡単に紹介させてもらいます。投稿開発部は「クックパッドに投稿されるコンテンツ全般」について責任をもっている部署なのですが、中でもレシピ事業の根幹であるレシピ投稿者向けのサービス改善に力を入れています。レシピ投稿者向けのサービス改善は「どうすれば継続的に投稿したくなるのか？」「どうすれば投稿をはじめてみたくなるのか？」の2点に答えを出すことを目標に日々サービス開発に励んでいます。そこで、本連載では投稿開発部が今年メインで取り組んでいる「クックパッド MYキッチン」という新しいアプリについて5人のメンバーで紹介させていただきます。 1日目(vol1)では「クッ

labress 2019/01/18

リンク

React Native and iPhone X: <SafeAreaView />

labress 2019/01/10

リンク

[Flutter] ここが違う！Flutter vs ReactNative！JS vs Dart [RN] - まんくつ

ReactNative developerの皆さんこんにちは(^ ^) そして、Flutter と ReactNative に興味を持つみさなん、ようこそ！ ReactNativeは2018年6月あたりのAirbnb撤退とfacebookが自社のアプリをReactNativeからネイティブへ移行するニュースがありましたねぇ〜 AirbnbがReact Nativeを諦めてネイティブアプリに方向転換したわけ – Roy S. Kim – Medium 一部の企業でReact Native離れが始まる – CIOニュース：CIO Magazine しかし、個人のアプリ制作ならiosとandroid両方のネイティブアプリを作ることはしんどい　おそらく。。。と言っても、どちらかのプラットフォームを選ぶのもなんか違う気がする。。。。そんな時にリリースされたのが　Flutter でした！では、F

labress 2019/01/08

リンク

お手軽React体験ならCreate React apps + Netlifyがめちゃくちゃ便利 - ドークツ

Netlifyについて、何となくS3的な静的ファイルをホスティングするサービスだと思って（さらに定期的に「Browserify」と混同して）いて、この度ようやく重い腰を上げて使ってみたのですがどう考えてもすごい。しかも無料。この記事はReact #2 Advent Calendar 2017、13日目の記事です。 Create React appsの導入まずはCreate React appsを導入します。上記のREADMEにある通り、 npm install -g create-react-app create-react-app my-app cd my-app/ npm start だけでReactに必要な一式が簡単にセットアップされます。今回は上記まで完了したところでGitHubにpushした体です。 Netlifyの設定 Netlifyのアカウント作成からやっていきます。