Frontend Javascript React.js

About react-full-page

Full screen scrolling with React DEMO Props initialSlide defaults to 0 duration – scroll duration [ms] defaults to 700 controls defaults to false true adds built-in controls Pass React component if you want to use your own controls controlsProps additional props for controls component beforeChange callback executed before scroll afterChange callback executed after scroll scrollMode full-page or normal – defaults to full-page Both beforeChange and afterChange will receive as parameter an object like: {  “from”: 0, // the index of the slide react-full-page is scrolling _from_  “to”: 1, // the index of the slide react-full-page is scrolling _to_} …

Discussion Frontend Javascript React.js

Introduction about Rodal

A React modal with animations. http://chenjiahan.github.io/rodal/ Installation React 15/16 React 0.14 Usage Props Property Type Default Description width number 400 width of dialog height number 240 height of dialog measure string px measure of width and height onClose func / handler called onClose of modal onAnimationEnd func / handler called onEnd of animation visible bool …

Discussion Javascript NodeJS

Sinonjs – Standalone test fakes, mocks, stubs for JavaScript

SinonJS provides stand alone test spies, stubs and mocks. This is the mechanism we’ll be using to create our spies, stubs and mocks. Spies: Creates fake functions which we can use to track executions. This means we can tell/ find out whether the function has been executed/ how many times its been called etc. We can also …

Discussion Frontend

A/B testing by Google Optimization

Google Optimization is best service for A/B testing. We can implement A/B testing by Google Analytics and Google Optimization. Already Google Analytics is containing the Google Optimization. We can simply do testing by UI without changing code manually. Please create google analytics account by google account and go to google optimization on the dashboard. And …

Discussion Frontend Javascript

JavaScript Event Capturing and Bubbling

In JavaScript, The event handling process: When an event happens – the most nested element where it happens gets labeled as the “target element” (event.target). Then the event first moves from the document root down to the event.target, calling handlers assigned with addEventListener(…., true) on the way (true is a shorthand for {capture: true}). Then the event moves from event.target up to …

Backend Discussion

Paypal payout integration in Node.js

In the web application development, you may have to integrate PayPal payment API because PayPal is one of the most popular payment method in modern ecommerce online merchants. In Node.js based applications, there is a simple SDK https://www.npmjs.com/package/paypal-rest-sdk Next, you need to create sandbox account on PayPal developer account dashboard https://developer.paypal.com/developer/applications Obtain client_id and client_secret …

Angular Discussion Javascript

Angular Internationalization (i18n)

Application internationalization is a many-faceted area of development, focused on making applications available and user-friendly to a worldwide audience. This page describes Angular’s internationalization (i18n) tools, which can help you make your app available in multiple languages. See the i18n Example for a simple example of an AOT-compiled app, translated into French. Angular and i18n Internationalization is the …

Discussion NodeJS

image-downloader

image-downloader is a npm package which dowloads images using it’s url. There are several libraries which performs such functionality, but this library has it’s advantage. Some sites serve their images using backend script. For example, image url is composed as following http://somesite.com/image.php?name=dummy In this case, many libraries are not able to download the image but …