React My Life

Pretty great answer

How to update React Context from inside a child component? I have the language settings in the context as like below class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() {

🤯 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 😲

I think Asp.net is dead!

Lets go javascript now :)

What Makes For a Semantic Class Name? | CSS-Tricks 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

Checkout the basic typescript example

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

viniprima/typescript-tut typescript-tut - Basic typescript starter

Time for some typescript!

Checkout the new Observable

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

Introducing the Observable - js Video Tutorial #free 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…

Scope in javascript!

Javascript basics

Difference between Call, Apply and Bind in Javascript Say you have two objects in javascript with there properties and methods respectively.

Let's learn some LESS

Let’s learn a little Less — Part 1 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 …