React

How to use FormattedMessage for input placeholder in React?

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 …

Posted in React | Tagged , | Leave a comment

Working with React-Router?

“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. …

Posted in React-Router | Tagged , | Leave a comment

Important terms when starting with React.

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:- …

Posted in React | Tagged , | Leave a comment

Up and Running with React in 10 minutes

“All great achievements require time…. Maya Angelou”We already learned how to create our first Angular.io 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 …

Posted in React | Tagged , | Leave a comment