Exploring React

#react #javascript

Seems like I've been exploring a lot these days. That means I've to settle down and build actual projects. So, this time it's the all popular React. I must say, I imagine writing components for every little thing that needs to get done. At the end, My project would have >= 80 JS files. 😅 Just Kidding.

But that's just imagination. Right now, I'm still learning the ropes. I understand that components are created either by:

Using class syntax
Using functions which receive props as arguments After creating components, they are rendered using

ReactDOM.render(<Component />, desired-node)

Something a little more real

Let's assume we have a div with id = "test node"

If we want to fix stuff in it using react, it would probably go like this.

class MyComponent extends React.Component {
  constructor (){
    super()
  }
  render (){
    return (
      <div>
        <h1>Just another boring text in a component</h1>
      </div>
    )
  }
};

ReactDOM.render(<MyComponent />, document.querySelector('#test-node'))

I hope I stick to this thing called React. --There are a million websites trying to teach me react--. I probably stick to it.

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.