Andrew Tan

49 Added | 7 Magazines | 72 Likes | 11 Following | 1 Follower | @andrewstan2014 | Keep up with Andrew Tan 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 “Andrew Tan”

23 Best React UI Component Frameworks

<i>A curated summary of</i> <b>part 1</b> <i>and</i> <b>part 2</b><i>of</i> <b>“</b><i>Best React Component Libraries for 2018</i><b>”</b><i>.</i><p><i>Learn more:</i><p><i>9 React tools to master your component workflow</i>• <i><br>How to</i> …

Software Engineering

Not getting tree with expected link style in ReactJS using D3

I'm pretty new to D3.js library. I've been trying to implement it in React JS project.I'm just using d3 functions for calculations and rendering part …

JavaScript

Tipe + GraphQL + Vue

🎉Starter repo for Vue and Nuxt, together with GraphQL and Tipe💯<p>What is Tipe<p>Tipe, pronounced <i>type</i>, is a content backend for all your apps. If you …

JavaScript

React's new context API: toggle between local and global state

Consider a component that handles a visibility state and passes it down to its children via render props:<p>What would you think about being able to …

JavaScript

How To Write Better Code In React- Best Practices – Bits and Pieces

How To Write Better Code In React - Best Practices<p>9 Useful Tips for writing better code in React: Learn about Linting, propTypes, PureComponent and …

JavaScript

React meets D3

<i>TLDR;</i> We defined a set of classes that allow us to create beautiful and reusable charts in React using D3.<p>Last fall, our host team worked on the Host …

JavaScript

How to Use React Context to Build a Multilingual Website Pt.1

React Context is one of the most interesting features in React 16.3.0. There had been a lot of buzz about this hot feature. In this easy tutorial, we …

JavaScript

When React has become (even more) asynchronous

What’s the thing you miss the most in React ? async render() is probably one, guess what? it’s coming and you can already play with it!<p><b>Suspense…</b><p>Let’s …

JavaScript

FXParallax – Parallax library for Java (JavaFX)

I have just released FXParallax, a library for adding parallax effects to Java (JavaFX). In my first post I’ve started to explain what parallax is, …

Parallax

Using advanced design patterns to create flexible and reusable React components — Part 2: React…

Using advanced design patterns to create flexible and reusable React components — Part 2: React 16.3 Context APIUsing advanced design patterns to …

Software Engineering

Get derived state from props in React 16.3

YouTube

Optimizing React: Virtual DOM explained — Martian Chronicles

Front-end<p>Alexey Ivanov<p>Front-end Developer at Evil Martians<p>https://github.com/iAdramelk<br>• https://twitter.com/iadramelk<p>Andy Barnov<p>Writer at Evil …

JavaScript

Android Material Design Clone For Javafx

Java

Element-UI validation on dynamic items generated by v-for

I want to validate fields in a table using element-ui and asyc-validator but not getting any clue how can I do that! Did't find any proper …

PlayStation Vue

Immutability in React: There’s nothing wrong with mutating objects.

One of the first things you learn when you start working with React is that you shouldn’t mutate (modify) a list:<p>But…<p>Do you know why?<p>Do you know …

JavaScript

React Table

react-table is a <b>lightweight, fast and extendable datagrid</b> built for React<p>Features<p>Lightweight at 11kb (and just 2kb more for styles)<br>• Fully customizable …

JavaScript

Learn React by building a web app

This course is for anyone, who is new to React or wants to strengthen their React skills, by building a real world React application.<p>We'll start by …

Software Engineering

Why React needed yet another animation library. Introducing: react-spring

Ever since i started developing i was fascinated by the vividness of animated applications, they felt alive. And we sure have come a long way, too. …

JavaScript

Set Up Docker For Mac with Native NFS

Finally, a faster way to sync your development environment<p>Last week, Docker-For-Mac shipped with brand new native NFS support!<p>For those of us using …

DevOps

I just made this diagram of modern React lifecycle methods. Hope you’ll find it helpful! https://t.co/LJNMae58rp

Context - React

Context provides a way to pass data through the component tree without having to pass props down manually at every level.<p>In a typical React …

JavaScript

I Created My Portfolio with React and Some Magic 🎉

<b>TL;DR</b><i> — I re-wrote my</i> <b>portfolio</b> <i>in React and added some niche tricks to make it look all shiny and rad. Everytime you refresh the page, a new look will</i> …

Web Design

Why I love Create React App

Create React App is a great React app starter and runner.<p>Create React App GitHub<br>• Create React App User Guide<br>• Awesome Create React App. Feel free to …

JavaScript

Animating VueJS

Here's What to Know and Include in a Freelance Writing Contract

Learn How to Write a Freelance Writers Contract<p>Updated August 13, 2017<p>Never, ever start your freelance writing work without some kind of agreement in …

Marketing: 5 Präsentationen, die sich jeder ansehen sollte - deutsche

Unsere Rubrik “<b>5 um 5</b>” liefert jeden Tag um Punkt 5 Uhr insgesamt – wer hätte das gedacht – 5 wissenswerte Fakten, bahnbrechende Tipps oder …

Tech-Gehaltsvergleich: In welchen Jobs Sie am besten verdienen

Wer glaubt, dass Entwickler in der IT-Branche am besten verdienen, liegt falsch. Der StepStone-Gehaltsreport verrät die wirklich lukrativen Jobs.

iStat Menus 6 released

GeneralAdded light and dark vibrant dropdown themes.<br>Added new localisations. Main app and status items are now localised in 36 languages.<br>Added option …

Web Development

Create royalty-free soundtracks with the click of your mouse

I just made three custom, royalty-free soundtracks using nothing more than a website and my Mac. I’ll be able to use these in any video project I like. This is some super-simple music making; if you make videos that need music, you’ll want to check this out.<p>Jukedeck Make is an amazing online tool …

Soundtracks