document.blog()

[ibrianfrancisco]

React

State: Think of it as certain things that need to always be looked at to see if they changed and once they do, they will re-render, (optional do componentDidUpdate) and display the new component.

State deals with those things, whereas props deal with the data or reusable stuff that can be passed down from component to component. 

This is why with React, you can set up your UI before having to deal with any logic, and then afterward, you can set that up and plug and play.

Jobs

constructor {     update or initialize the state object }

render() {    should only have JSX usually; it is called constantly.  }

[ibrianfrancisco]

IE First

Since @supports doesn’t work in IE (boo), gotta make sure to start building sites with IE first in mind and use @supports for the special css stuff.

[ibrianfrancisco]

CSS Grid

Very helpful video if you’re only now learning this stuff. Seems very powerful in terms of creating those modular layout sorta vibes.

[ibrianfrancisco]

“It is only by going through a volume of work that you will close that gap and your work will be as good as your ambitions“

[ibrianfrancisco]

DNS-prefetch

Located in the head of an HTML document, using dns-prefetch will speed up the way web pages load when they are using different domains for page resources.

What this means is if you’re gonna be using 3rd party things that call from another domain, make sure to include it in the head of your HTML like so,

<link rel='dns-prefetch' href='//fonts.googleapis.com' />

This will basically resolve the DNS for the domain but not actually grab any files. This means that whatever actual file the browser gets first, it will already have the DNS resolved so the resource can be retrieved faster.

[ibrianfrancisco]

Keep It Simple, Stupid!

One thing I constantly find myself doing is over-complicating things. 

Complexity is your enemy! Everyone has likely experienced a similar feeling. When the end result of all your efforts has strayed so far from its inception, an original idea is lost in a large nest of embellishment. Developers call this anti-pattern the big ball of mud. Rather than adding complexity to that ugly ball of mud, consider how you can polish the marble, the tiny gooey center of your idea until it truly shines.

[ibrianfrancisco]

REACT and Unique Keys

It’s been a while. BUT. I want to start documenting what I learn. 

Recently went on the journey to learn REACT. Definitely gonna take a lot of practice to get used to it. But I think I’m getting used to it. I’m trying to think of it as the parent component is giving ‘props’ to the child component and so that’s how you pass props through components. Now if only I can think of an analogy for state.

P.S. One simple way to create a key in REACT is to use date.now(). This ensures that the component’s key will always be unique.