Don’t forget how the front-end started

Forgetting the most basic things

The core of front-end development is built on three cornerstone technologies: HTML, CSS, and JavaScript. Looking back many years ago, front-end developers were often jokingly referred to as “image cutters”. However, with their superb CSS skills, they can achieve various complex interactions and special effects, demonstrating unprecedented web magic. This is a field that engineers who focus on server-level development cannot reach.

Therefore, the profession of front-end engineer gradually emerged, and early training courses even set up specialized courses to teach these skills. However, as time went by, UI component libraries and frameworks became more and more popular, and the importance of HTML and JavaScript was still recognized by people, but CSS skills were gradually marginalized or even ignored.

During a code walkthrough, it was discovered that a colleague with three to four years of front-end development experience was not proficient in even the most basic type selectors in CSS. This phenomenon is worrying.

Speechless code

During the process of governing the usage scenarios of useState, I found a piece of code that felt very speechless. I simplified the code as follows:

import React, { useState } from 'react';
import { Input } from 'antd';
import type { FC } from 'react';
import styles from './index.less';const Test: FC = () => {
  const [isFocus…