Result Mag

With the advent of React and Redux, a common question has emerged: What should I hold in the Redux store, and what should I save in local state? But this question is actually too simplistic, because there are also two other ways you can store data for use in a component: static and this. Let’s go over what each of these, and when you should use them. Local state When React was first introduced, we were presented with local state. The important thing to know about local state is that when a state value changes, it triggers a re-render. This state can be passed down to children as props, which allows you to separate your components between smart data-components and dumb presentational-components if you chose. Here’s a basic counter app using local state: Your data (the value of the counter) is stored within the App component, and can…

Designing in color Color is a powerful force in the hands of a designer. It draws your eye, evokes emotion, and communicates meaning. To give you an idea of how important color is, in a widely cited study titled The Impact of Color on Marketing, researchers discovered that for some products, 90% of snap decisions people make about products could be based on color alone. So effectively using color is important to designs. But coming up with different color combinations is also hard. Each color has its own meaning, and there are an infinite number of combinations out there. This article is designed to serve as a guide to help you come up with color palettes for your designs. It encourages you to explore more with color, which will help you develop…

ECMAScript 6 (ES6) features can be divided into features that are pure syntactic sugar (like: class), features that enhance JavaScript (like import) and features that fix some of JavaScript’s “bad” parts (like the let keyword). Most blogs and articles combine all three types, and can overwhelm newcomers. So I’m writing this post that focuses on just the key ES6 features that fix “bad” parts. I hope that by the end of this blog you’ll realize that by using just a couple ES6 features like let and the fat-arrow, you’ll get massive returns. OK, Let’s get started. 1. Block Scope ES5 only had “function-level scope” (i.e. you wrap code in functions to create scope) and caused a lot of issues. ES6 provides “block”-level scoping(i.e curly-braces to scope) when we use “let” or “const” instead of “var”.…