How to use FormattedMessage for input placeholder in React?

September 1, 2017

Problem:- How we can translate the placeholder text for input-box using formatmessage? Solution:- If we use react-intl its not meant to be used with  placeholders, alternate text, etc. They render HTML, not plain text, which is not useful in our scenario. 1. Incase we have one or two values to translate, we can use FormattedMessage as wrapper […]

Read More

Working with React-Router?

July 30, 2017

“An investment in knowledge pays the best interest.” Benjamin FranklinIn our previous post we started with creating our first react app and than we learned about some basic terminologies in react. Today we are going to focus on creating the router behaviour using react library.Incase you want to learn about filtering in react check the github code. […]

Read More

Important terms when starting with React.

July 29, 2017

We already created our first react app using create-react-app cli. Now we’ll learn some of the core terminologies involved in react.1.Component :- its the building block of react app, just like functions, we create components to perform some functionality. It takes the given parameters (called as props) and render UI in the browser by consuming the given parameters.Example:- […]

Read More

Up and Running with React in 10 minutes

July 28, 2017

“All great achievements require time…. Maya Angelou”We already learned how to create our first App in 10 minutes, this time we’ll repeat the same with React library.So lets get started.Key terminologies in react appBrush up :-We already know that in React we play with Javascript and embed html inside the jsx files to create […]

Read More

Creating your first app using

July 15, 2017

Do something today that your future self will thank you for We have created this tutorial to make you up and running with in 10 minutes. This is not a very detailed tutorial incase you are not familiar with Angular basics, please refer documentation to get more details on the core concepts.Expectation:- We’ll create our […]

Read More

Javascript Interview Questions(Part-4)

June 12, 2017

JavaScript Coding interview questions with solutions:-Question1:- You would like to set a password for a bank account. However, there are three restrictions on the format of the password:it has to contain only alphanumerical characters (a−z, A−Z, 0−9);there should be an even number of letters;there should be an odd number of digits.You are given a string […]

Read More

Vue.js npm run dev error with vue-cli

May 12, 2017

Problem:- On running the npm run dev, command after installing vue-cli, following error is thrown?Starting dev server…events.js:160      throw er; // Unhandled ‘error’ event      ^ Error: listen EADDRINUSE :::8080    at Object.exports._errnoException (util.js:1026:11)    at exports._exceptionWithHostPort (util.js:1049:20)    at Server._listen2 (net.js:1262:14)    at listen (net.js:1298:10)    at Server.listen (net.js:1376:9)…. Solution:-From above error we can get an hint “listen EADDRINUSE :::8080”,issue is […]

Read More

How to call Javascript/VBS functions in Robot Framework.

July 25, 2016

Scenario:-How we can call javascript/vbs functions in Robot Framework?Solution:- VBS:-Using the python function to call the VBS file. Download the working code. Javascript:-Using the inbuilt Keyword in Selenium2Lib called as “Execute Javascript“. Learn Robot Framework

Read More

Reading JSON data in Angular JS (Part-1)

June 1, 2016

Scenario: – How to fetch JSON data from backend into User Interface (UI) of application using Angular JS? Solution:- We have divided our solution approach into 2 parts; in part-1, tutorial we would fetch the data in a straight flow, without thinking about the framework level things. Flow:- Code:- Download from GitHub JS File //Creat […]

Read More

Difference between {{}} and ng-bind in AngularJS

November 12, 2015

To bind our data to the HTML page, Angular gives the ability to use {{}} known as double curly brackets or ng-bind.Both ways are performing the same functionality.   {{}}   Example:-       name is JS object or some variable we are referring to. It makes your template very readable i.e Anyone going through […]

Read More