React My Life

22/01/2021

Pretty great answer

I have the language settings in the context as like below class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() {

12/12/2020

🤯 React's useEffect( ) is more powerful than I thought.

Many react developers got a taste of "hooks" last year and ever since, it has been hard to go back to class components. I mean, who wants those life cycle methods.. yukkk 😪

The very first hook that we learnt was obviously "useState ( )" which allowed us to maintain an internal state for a given react function component.

👨‍💻 const [ state, setState ] = useState(initialValue);

We loved ❤️ the performance it brought as redux state updates are comparatively slower. When I fire a redux action to update the state, I always felt the lag 👎 if I am using that state to render a certain UI component. ( Like opening and closing a Material UI drawer at a rapid rate. Browser freezes after a while ). The last thing I want on my website is a browser freeze 😡

But it's always fast with the component's local state 😇

The second hook we learnt is useEffect ( );

useEffect(() => {
// Your code
}, [variables]);

Turns out, this is not just for executing some side effect code. It can control the app UX with so much minimal code 😲

24/09/2020

15/02/2019

I think Asp.net is dead!

Lets go javascript now :)

22/06/2016

Semantics in HTML is always a hot topic. Some people strive for it at all times. Some people critisize a dogmatic adherence to it. Some people don't know w

10/06/2016

Checkout the basic typescript example

https://github.com/viniprima/typescript-tut

typescript-tut - Basic typescript starter

10/06/2016

Time for some typescript!

09/06/2016

Checkout the new Observable

https://egghead.io/lessons/javascript-introducing-the-observable

In this lesson we will get introduced to the **Observable** type. An Observable is a *collection that arrives over time*. Observables can be used to model events, asynchronous requests, and animations. Observables can also be transformed, combined, and consumed using the Array methods we learned in…

25/05/2016

Scope in javascript!

25/05/2016

Javascript basics

Say you have two objects in javascript with there properties and methods respectively.

24/05/2016

Let's learn some LESS

So what is Less?LESS is a CSS preprocessor which means it extends the features of of CSS and provides features such as variables,mixins,functions and many …