<Hi/>I am Max,Frontend developer

About:

I am based in Singapore, have a project you'd like to discuss?

My Experience:

Working with meteor and react

Meteor, or MeteorJS, is a free and open-source isomorphic JavaScript web framework[3] written using Node.js. Meteor allows for rapid prototyping and produces cross-platform (Android, iOS, Web) code. It integrates with MongoDB and uses the Distributed Data Protocoland a publish–subscribe pattern to automatically propagate data changes to clients without requiring the developer to write any synchronization code. souce: https://en.wikipedia.org/wiki/Meteor_(web_framework) Basically meteor.js is a node.js framework that allow you to write web […]

Read more

React dealing with radios button

By default when you create radio multiple radios with same names, check either one will uncheck the rest.

Try out above codes. In jQuery we can get the value of the radio easily using:

In react we have use state to get the value of current selected radio:

Read more

React dealing with controlled component input forms

In most case react form will works normally until you wanted to set a value in the input and change while changes / start to input in something,

and you realised the value does not change no matter how hard you pressed, this is because of the controlled component: “In HTML, form elements such […]

Read more

react passing props to this.props.children

Previous article I mentioned about this.props.children and its feature, problem is this.props.children does not not provide a way to pass down the props, so we need a wrapper called React.cloneElement which allows you get this component and return a new component where you can also pass in the props like this:

by the way […]

Read more

Inline css in modern apps

While modern framework communities are push forward in using inline css, innovated by one of the react developer react-css-in-js. As Vjeux have presented in his deck the problems that they faced using css while they are working on react projects.

Read more

React double scrollbar component

While playing with react, I have built a react component which server as second scrollbar for your overflow divs. You are free to use the code that I added to github… https://github.com/maxlibin/react-doublescrollbar

Read more

React pass parameter to parent component or call parent function on ES6

sometime you will need to call parents function on react component, the problem in ES6 is that all functions are not bind with this, so you will need to do manually, below is a simple toggle function that you will call from Child component, notice that in order to call the parent’s method, you will […]

Read more

What is this.props.children

When I first saw this API, its about to tear my head apart, and now I will share with you about what I have learned on this.props.children the concept is easy: Imaging you have Parent component that call child component that works fine,

Read more

using SVG on your web

SVG Scalable Vector Graphics is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. Because of its scalable native, especially with very high graphical screens(example: retinal screen for Mac) these days, we need solutions for images or graphics to be display on these screens. Well these are many ways to […]

Read more

Fixing a broken image alt

When your image is broken in browser, it will show Alt text from the image attribute if you are using:

a quick fix for this is really simple, change your image background and color to transparent.

that is it, and enjoy.

Read more