How to be a good front-end leader? Need a super smart IQ? Or unparalleled technology? Or the sheer eloquence?

One, foreword

They need to recruit a front end leader, and I am going to be the front end leader of the company. I have a feeling of being pampered and surprised, but also a little joy. As the saying goes, “A soldier who does not want to be a general is not a good soldier”.

I served as the head of the front end for a period of time, such as going to Sichuan University for recruitment, or leading the progress and development of the whole project.

However, it is different from what I want to work for now. In the past, I worked in an outsourcing company, and almost all projects were handled by everyone individually. The intersection was relatively small, and the team members did not fit in well with each other. But now is to maintain and iterate their own products, which requires team members to have a good tacit understanding, communication to be unimpeded, business things to understand, user experience to do better.

From the perspective of individuals, teams and companies, I will think about what a good front-end leader should be. To clarify some direction for future action.

As a matter of fact, most of my views are relatively broad, not limited to the leaders in which industry. Due to the author’s limited level, if there are any omissions or even incorrect views, please kindly criticize and correct them.

Second, stand in the perspective of personal thinking

What does a good front-end leader look like?

Technology is better

As a front-end leader, of course, the technology is better than most people in the industry, and you know more, whether it is product design, interaction design, or front-end and back-end, you need to know something.

What do we need to know about the front end? All changes are inseparable from its ancestor, the front three swords: HTML, CSS, JavaScript. Others like the three frameworks (vue/react/presents), engineering (automatic deployment/automation/git workflow), small programs, cross-platform application (ReactNative/Flutter/Taro/Uniapp/Eletctron), Hybrid apps (Ionic/ Cordova), NodeJS (Egg/KOa /mongodb), Serverless, are all derivative extensions that you’ll need to learn as well.

Here’s a tip for learning: Be curious.

In fact, we are born with a curiosity to think about why children always ask “why?” and to ask ourselves, don’t you want to know if there are aliens out there? Why do apples fall instead of flying into the sky? Why does 1 plus 1 have to equal 2? If you think these questions are very ridiculous, trouble, you are laughing at at the same time are being sympathized with, you are losing precious curiosity ah! Curiosity led Newton to ask the seemingly silly question “Why do apples fall?” and eventually to discover the existence of gravity.

So please keep this heart of curiosity, it is the source of our learning and creation.

Second, think as a team

What does a good front-end leader look like?

Promote a shared team atmosphere

Without sharing, there would be no Internet, like this protocol that protocol, this programming language that programming language. In teams, we need to share, whether it’s technical sharing or personal growth sharing.

Sharing promotes team members’ personal growth and business development capabilities.

Strengthen team communication and cooperation

“While one chopstick is easily broken, ten chopsticks are as hard as iron.”

We can use software such as TapD to manage projects, assign tasks to team members, control project progress, and collect questions.

Communication between team members should be strengthened. Sometimes a problem may be bothering you all day, but if you spend a few minutes asking others, you may be able to solve it, which I have experienced deeply. We all need to learn from each other, no one can do anything, what is better than others, face and other things do not exist.

Make a plan and assign tasks

Break down the milestones, subdivide each goal, and assign them according to priority and team members’ characteristics.

Let’s say we have a need to customize the Table component class library. There are two members of the team, one is better at Javascript and the other is better at writing CSS animations. I will definitely arrange a colleague who is good at Javascript to meet the need. I need to know more about my team.

At the same time, in order to avoid the “single point of failure”, colleague A will leave and colleague B will take over the project/module of colleague A, which will make people unprepared. On the one hand, the project handover process will be prolonged, and on the other hand, the cost of context switch of other members will be high.

The solution is to let as many members as possible participate in the development of different modules and different projects. Review and other means can be used to make team members familiar with the code of the project.

Improve infrastructure and improve efficiency

  • Basic UI component libraries
  • Self-built Gitlab
  • Version management
  • Automatically compile and publish Jenkins
  • Unified scaffolding
  • The middle tier of the Node
  • Buried point system
  • Monitoring and alarm system
  • The safety management
  • Eslint
  • Mock
  • Gray released
  • Oidc single sign-on
  • Swagger interface automatically generated
  • Document Platform construction

Three, stand in the perspective of the company

What does a good front-end leader look like?

Keep the project stable

  1. Conduct regular Code Review, find and solve problems, and lead team members to overcome difficulties.
  2. Improve the buried point system for the operation to analyze data, continuously improve and strengthen user experience.
  3. Improve monitoring and alarm system to quickly locate and find online problems.
  4. Perfect version management system, automatic build tools, scripts.
  5. Perfect coding specification, plus various Lint, and typescript type checking.
  6. Write test cases for common class libraries and common UI component libraries.

Create more value

  1. Write the project “through the lens of business”, get the most out of the project and discover the direction of expansion.
  2. Lead team members, discover their strengths and allocate them reasonably.

Four,

Above, I mainly wrote my thoughts on “how to be a good front-end leader”, and summarized my views from the perspectives of myself, the team and the company. It was a little general. When THE time came to settle down, I would do a brainstorming, and write down each point in detail and with more execution power.

About writing, I wrote an article in 2017, “wrote in a work of a jingdong operating scheme”, as time goes on, the Internet has a lot of repercussions, one that is more strengthened my confidence in writing, to show my own ideas to more people, and he wrote “my Internet company dismissed”, this feeling is very nice, although spent a lot of energy.

I suggest that you can also try to write something slowly, it can be a simple summary or diary, from which to exercise their language organization ability and deepen their understanding of a certain knowledge.