abidibo.net

Posted in "react"

React virtualized infinite scrolling table, how to

infinite scrolling react react virtualized

React Virtualized is a nice lib providing interesting components used to manage large amount of data.

It is also quite well documented and comes with some examples, but the components are somewhat complex at a first sight, and it's not a 5 minutes lib, in a world when you have 10 minutes to develop an entire project. So it may be scaring at the beginning, but if you just have the time to fully understand how it works you'll see ...

read the full post


Inspect redux store in remote applications

react tips

Sometimes it may be usefull to access the redux store also in the remote deployed application.

Here are 3 simple steps you may use to accomplish it with google chrome:

  1. Install react developer tools
  2. Select the Provider component in the react inspector tab
  3. Open your console, digit $r.props.store.getState()

Done


Internationalization with react-redux-starter-kit

i18n react redux

This was the first time I had to manage serious translations for a react-redux project. I use to develop my applications starting from the awesome react-redux-starter-key by davezuko.

This starter kit doesn't include i18n support out of the box, so some work is needed. I followed this article from freecodcamp and changed things a bit, so let's start.

Install react-intl

It seems that in the react world there is one library to choose for internationalization: react-intl by yahoo.

Let's install ...

read the full post



Set material-ui TextField value for testing purposes

material-ui react redux sinon testing

Recently I began my trip in the world of react and redux. Everyone is hot with these "new" technologies, and after my previous experiences with angular I decided to give it a try.

In this entry I just want to share a tip about how to set the value of a material-ui TextField for testing purposes.

Scenario

I have a simple login form, with username and password fields, and a submit button. When the submit button is clicked, a function ...

read the full post


  • 1

Your Smartwatch Loves Tasker!

Your Smartwatch Loves Tasker!

Now available for purchase!

Featured