Inspired by a technical talk I’m giving for a Meetup, I wanted to take a moment and share what I’ve learned on React component patterns. Components are the heart of React, so understanding how to utilize them is paramount to creating great design structures. The diagrams provided are from an excellent talk that Michael Chan gave on React component patterns. I highly recommend watching the video. W
PrerequisitesFirst off, understand the fundamentals of React, ES6, and the basic build of a React application (NPM, Webpack, Babel). If you have not learned React yet, here is a book I wrote called React.js for the Visual Learner. While not technically a mandatory prerequisite to go through this book, it is highly recommended to understand basic full-stack React development with Node.js and a data
IntroductionAt Walmart, we’ve been busy migrating our eCommerce sites to use ReactJS. With its declarative and component-based approach to creating interactive UIs, our developers have been responding very positively to this adoption. Since our sites are mainly for eCommerce, SEO is an important requirement, which means returning HTML from the server. With built-in server side rendering (SSR), Rea
The popularity of JavaScript has led to a very vibrant ecosystem of technologies, frameworks, and libraries. Along with all the amazing diversity and energy in the ecosystem comes a high degree of confusion for many. What technologies should you care about? Where should you invest your time to get the most benefit? Which tech stacks are companies hiring for right now? Which ones have the most grow
そろそろ、手を出してみるかということで React に手を出し始めてみた。世間から 2 年遅れ。 感想としては開発環境が整っているし、ライブラリも何でもかんでも揃っている。Erlang/OTP と比較したら失礼になるが、何もない Erlang は普通の人にはつらそうだなとまで思った。 2 週間学んだ結果は React コトハジメ にまとまっているので、そちらを見ていただくとして、なぜ学んだのか、どう学んでいったのかを書いていきたい。 そもそもはフロント側の見積もりが全くできないので困っていたというのがスタート。どんな仕組みでどう動いているのかがわからないのでフロント開発の見積もりができなかった。 今まではウェブアプリの仕事を受けることはなかったので、困ったことはなかったが、WebRTC をビジネスの軸においてからは、ウェブアプリを避けることができなくなった。その為見積もりができない状態がま
Attention Ruby WeeklyNOTE: if you are arriving from Ruby Weekly, check out the full article here. The first few paragraphs are posted below and the full post is on 0x2a.sh, as there is apparently a Gmail bug where any domain starting with 0x is considered spam. I’ll be adjusting my blog’s domain after the traffic dies down to resolve, but in the meantime, enjoy. tl;dr — I replaced a ReactJS applic
The native iOS SDK has over 15,000 API’s. React Native provides access to a tiny fraction. Wouldn’t it be fun to access all of them from Javascript without wrapping each one individually with a native manager? Let’s discuss how to do so and why it might even be a little useful. During the last week or so I’ve been working on detox, our emerging graybox e2e testing framework (I’ll write about it se
Want to start building RePh app without carrying about scaffolding? Good news: I just released RePh app generator, take a look! Hi, in this article I’m going to show you, how to create a fullstack app with React and Phoenix. There are already a few similar tutorials out there, however none of them shows process of development for a complete functional app with server-side rendering and routing. Th
Kind of like chocolate and peanut butter!IntroductionPreviously, installing and using React.js on a Phoenix application required ripping out brunch and replacing it with something like Webpack to get everything working, but the process has been improved significantly with the introduction of Phoenix v1.1.2 which includes a new version of Brunch that works with npm. We’ll walk through creating a ne
Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React. Disclaimer: I enjoyed working in Angular 1 but switched to React in 2015. I’ve published Pluralsight courses on React and Flux and React and Redux in ES6 (free trial). So yes, I’m biased. But I’m attacking both sides. Alright, le
The source code for this article is located on GitHub. There are so many existing web technologies that allow developers to create web applications efficiently and as quickly as possible. Today, many of the web applications we use are built with libraries such as React, AngularJS, Ember.js, and the list goes on. Building UI for web is almost effortless; you can have something beautifully going wit
Before we can learn Flux inside Web Workers, we need to understand DOM-Less JavaScript. Lets start with some Problems. Problem 1 : Unable to Scale JavaScript Codebase If you have written approx 50-100K lines of code at frontend then you can easily understand that “Ease of Adding a new Module/Modify Existing Module” decreases as our codebase size increases. Sometimes, We apply lots of hack or quick
In my previous two posts, I explained the process of connecting React to a Flux store and getting external data from an API into Flux. Using the Facebook Flux examples’ model of manually building an index.html file is great for learning, but now I want to serve my app according to a standard 12-Factor compliant model. This will allow me to publish my app to a server or Docker container for hosting
Originally published on techtrails.io Server-side rendering of React components to improve SEO and minimize your web app initial loading time. Update 16 Jan. 2016 It’s been more than a year since this tutorial has been published, so I have updated to reflect the latest evolutions of the different libraries that are used here. The complete code for this tutorial is available here. Background & goal
After watching a compelling talk about FRP by Jafar Husain from the Netflix UI team, I’ve been fascinated by the way reactive programming can make code both effective and elegant. At Football Radar, we work with many different streams and sources to create rich interfaces that capture realtime data about football matches, and we’re convinced that our products are a perfect fit for reactive program
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
