tawacool

168 Flips | 6 Magazines | 5 Likes | 2 Following | 6 Followers | @tawacool | Keep up with tawacool on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “tawacool”

Tutorial: AirBNB UI Clone

Follow along with programmer (and pilot!) Varun Nath as he walks us through cloning the AirBNB user interface in React Native.<p>Varun Nath is back …

Tutorials

Render Browser Specific Content with React 🎉

<b>TL;DR</b><i> — You can render browser specific content in React with a one-liner.</i><p>Have you ever wanted to put up a banner for all your IE users and ask them …

JavaScript

Every amazing, strange, and delicious food I tried during an epic 6-week trip to China

I'm not ashamed to call myself a foodie. The term has become wildly overused, abused, and then derided in recent years, but I take it to mean someone who is genuinely interested in the world's multivarious cuisines.<p>Think less latest brunch spot for avocado toast — though there's nothing wrong with …

Food & Dining

TypeScript – A Tour of Generics

TypeScript is an amazing innovation with how we as developers write JavaScript applications.<p>TypeScript boasts its language services as a first-class …

Create Flipping Card & Responsive Grid with Styled-components & React

Reading Time: 10 minutes<p>Have you ever thought about using styled-components to create a simple flipping card and responsive grid layout? In this …

15 Awesome React Components

In this article we share with you a collection of some of our favorite React components. Continue reading on Tutorialzine.

Using TypeScript with React Native · React Native

JavaScript! We all love it. But some of us also love types. Luckily, options exist to add stronger types to JavaScript. My favourite is TypeScript, …

JavaScript

Update on Async Rendering

For over a year, the React team has been working to implement asynchronous rendering. Last month during his talk at JSConf Iceland, Dan unveiled some …

Chinese Broccoli with Oyster Sauce Recipe

<i>A quick and easy way to cook vegetables is to blanch them before drizzling over some oyster sauce. Chinese broccoli with oyster sauce is an easy,</i> …

Chicken Karaage with Sweet Chili Sauce スイートチリソースの唐揚げ

<i>Popular Japanese appetizer with a delicious kick! This Chicken Karaage with Sweet Chili Sauce is bite size chicken thighs deep fried to golden brown</i> …

React Native

Build.com, headquartered in Chico, California, is one of the largest online retailers for home improvement items. The team has had a strong …

A Tinder Progressive Web App Performance Case Study

Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on desktop and …

JavaScript

New 'Avengers: Infinity War' Set Photo Hints At Huge Twist For The Hulk

Fans got to see a whole new side of the Hulk in <i>Thor: Ragnarok</i>, but a new photo from <i>Avengers: Infinity War</i> is teasing something even crazier.<p><i>Avengers:</i> …

Marvel Universe

Explained: How encryption works

...and I'll explain how encrypted messaging works.<p>If you send a message using end-to-end encrypted messaging apps — like iMessage, WhatsApp, Signal …

Giving up: How going low carb for six weeks changed my body

<b>I decided to give up carbs for two weeks six weeks ago.</b><p>Of course, you can’t completely give up carbs unless you want to become malnourished – I mean, …

Pizza Hut

React Animations in Depth

5 Options for React Web Animations, and which of these are cross-platform.<p>In this post, we will look at the following ways to create React animations:<p>…

The essential boilerplate to authenticate users on your React-Native app

It’s essential to many apps, and I myself have been wondering how I could provide a secure way for my users to register and authenticate to my apps …

Software Engineering

Up and Running with React Native and TypeScript

Quick and modern guide to getting started with React Native and TypeScript<p>In this post, I will go over how to quickly add TypeScript to a React …

JavaScript

Better List Views in React Native · React Native

Many of you have started playing with some of our new List components already after our teaser announcement in the community group, but we are …

JavaScript

Getting Started with React Navigation, the Navigation Solution for React Native

If you’ve worked with React Native for any amount of time you’ve likely been confused by how you navigate in your app (practices, packages, etc). …

Tips for React Native Images (or saying goodbye to trial and error)

After building three different mobile applications with React Native, I realised that when it comes to images, I keep doing a decent amount of trial …

JavaScript

A Year of development with Redux. Part I

I’ve spent the past year working on the primary product of ShakaCode and I’d like to share three biggest insights that I gained during this …

Using a function in `setState` instead of an object

<b>2/6/2018 Update:</b> While this article was written over a year ago (and React 16 has been released!), the code and principles in it still apply.<p>The …

JavaScript

How to train with a power meter - part three: how to use your training zones

<b>Your power zones are at the heart of everything you do with a power meter and, having established your personal zones, become the foundation of your</b> …

Dissecting the React Lifecycle and Related Methods

React has proven to be wildly popular by Javascript developers, providing a foundation for building highly “reactive” components that are performant, …

Progressive Web Apps with React.js: Part I — Introduction

Progressive Web Apps take advantage of new technologies to bring the best of mobile sites & native apps to users. They’re reliable, fast, and …

Web Development

React Binding Patterns: 5 Approaches for Handling `this`

JavaScript’s <b>this</b> keyword behavior has confused developers for ages.<p>There are at least five ways to handle the <b>this</b> context in React. Let’s consider …

React Components & Libraries

• Official website: devarchy.com/react<br>• Use devarchy to add a library to the catalog<br>• This readme is updated when a Library is approved on Devarchy. …

Handling React Forms with Mobx Observables

When you’re building a web application, you have to handle forms to get input from your users.Unfortunately, forms in React are not that …

An Astonishing Optical Illusion Where Objects Appear to Change Shape in the Mirror

Dr. Kokichi Sugihara, an engineering professor at Meji University in Japan has created an absolutely astonishing optical illusion in which white …