Finally, the question of how to centre a div is OVER !!!
Tags: javascript, news, programming
Published: 2024-05-20 21:59:18


Hello everyone,

Welcome to this week’s [iHateReading](http://ihatereading/newsletter) newsletter.

A lot is going on in the programming domain, React conference 2024, GoogleI/O and chatGPT 4-o are the top most trending news in the last week.

## React Conf 2024

Let’s start by providing overviews as well as detailed resources about each of them.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/10kb73b1gg7oubtdvr39.png)

[Read the thread](https://x.com/reactjs/status/1790811417307656570)

First, we will switch to React Conf 2024, the most awaited thing is over. If you have worked with react.js you must have experience in optimising code. I’ve written almost 10+ blogs on optimising react code and have been asked again and again in every interview about the same topic, How to optimise the react code and so on.

Watch all the React Conf videos over [here on the YouTube channel](https://www.youtube.com/@ReactConfOfficial)

But the wait is OVER, React Compiler is open-source, and React Compiler itself compiles the code by adding the memoization as well as caching the react code at the run time and this makes everything easy.

In simple words, react code needs or requires 2 hooks to optimise the code, number 1 is useMemo and number 2 is useCallback.

But after the React compiler, we don’t need them anymore because the steps of memoizing and caching are handled directly by the React team in the next version under the name React Compiler, which is again the most satisfying news for any react.js developer.

Watch more about React Compiler in the video below.
{% youtube https://youtu.be/B-tjhF7ojeA %}

## Center the div

Finally, the question for each frontend dev Google even after 3/4 years of experience is OVER.

I watched Google I/O for Web dev along with Firebase and other changes Google will release. And all the changes in CSS, one thing has completely surprised me.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jt8z8fzn86subgnfkjvu.png)

Google dev along with W3Org introduced this new CSS property to centre a div on the entire web screen. Logically the question of how to center a div is OVER because we don’t need flex or fixed CSS properties to center a div element.

Here is the full Google I/O video.
{% youtube https://youtu.be/_-6LgEjEyzE %}

## Chat GPT 4-o

This is again the most trending news on the internet.

It just makes us more dumb but how the GPT is growing and getting better is good news.

We won’t go much into detail in this email but overall the best thing in GPT 4-o is its ability to understand audio, image and text all together at the same time.

[Read 12 impressive use cases for GPT 4-o](https://x.com/rowancheung/status/1790783202639978593)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w71z1ckyyy7fukeiwnn4.png)

## Interesting links/news

What new interesting things I’ve read or reading

*   Introduction to MySQL by Planetscale database open-source company provides small video tutorials for [My SQL Introduction](https://planetscale.com/learn/courses/mysql-for-developers/indexes/introduction-to-indexes)
*   [So you think you know git](https://www.youtube.com/watch?v=aolI_Rz0ZqY) by Github Co-founder
*   The [problem of using UUID with MYSQL](https://planetscale.com/blog/the-problem-with-using-a-uuid-primary-key-in-mysql) and how to alternative it.
*   [How to learn ML in 2024](https://www.youtube.com/watch?v=gUmagAluXpk)
*   [20+ Ideas](https://www.ishan.coffee/notes/Idea-List) a developer can start building as a project or product
*   [Idea validator](https://founderpal.ai/idea-validator) — Quickly validate your business idea using this GPT based Idea validator
*   Make a 3D globe in react using the [react-globe](https://www.npmjs.com/package/react-globe.gl) npm module

Let’s not make it more boring. Directly read the email on the [browser](https://ihatereading.in/newsletter) and feel free to share this newsletter with anyone in need or a friend.

**Disclaimer** - I am building this new cool product so one can read today's letter on the [Karyam](https://karyam.vercel.app/k/p/JryxEaMFvaKGUL0ndVzy)

Until next time, have a good day

Shrey