Here are 7 examples of TypeScript that are popular on GitHub in 2021.

Hello everyone, happy New Year, I am your cat brother, a super cat who doesn’t like to eat fish, and doesn’t like cats ~

preface

As a perennial cat star on GitHub, I found a lot of good front-end open source projects and common tips to share with you.

Public number: Front-end GitHub, dedicated to mining the outstanding front-end open source projects on GitHub, and in the form of special recommendations, each topic about 10 good projects, every week there will be one to three essence of the article push, with The Times version of the front-end resource tutorial.

Nearly 100 excellent projects have been recommended for the interview project, CSS Weird Weird project, code specification project, data Structures and Algorithms project, JavaScript weird weird project, front-end essential online tools, etc.

How to find good open Source projects? Check out GitHub’s Tips for Finding Good Open Source Projects

Today is a great project to learn TypeScript.

Here are the highlights of the 15th issue of GitHub.

TypeScript

TypeScript is JavaScript for applications of any size.

TypeScript extends JavaScript by adding type support.

TypeScript improves your development experience by finding errors and fixing them before you run the code.

Any browser, any operating system, anywhere you run JavaScript, completely open source.

1. TypeScript

The best way to learn a skill is to read the tutorials on the website.

What is TypeScript, why use TypeScript, and API documentation are available on the website. It is also a first-hand source for learning about TypeScript.

And keep up with the latest developments through the community.

Github.com/microsoft/T…

2. typescript-tutorial

Think from a JavaScript programmer’s point of view and understand TypeScript step by step.

Unlike the official manual, this book focuses on summarizing thoughts from the perspective of JavaScript programmers and understanding TypeScript step by step, hoping to provide some help and inspiration.

Suits the crowd

This book is suitable for the following people

• Familiar with JavaScript and have read JavaScript Advanced Programming at least once.
• For an introduction to ES6, it is recommended to read ECMAScript 6
• Know node.js and can install and use some tools with NPM
• Want to learn about TypeScript or have a deeper understanding of TypeScript

This book is not suitable for the following people

• No system has ever learned JavaScript
• Already familiar with TypeScript

Github.com/xcatliu/typ…

3. TypeScript

TypeScript Chinese user manual.

This looks like a TypeScript Chinese translation. I’m not sure, but it’s a good repository for learning about TS.

• ✔️ TypeScript language for JavaScript development for large-scale applications.
• ✔️ TypeScript supports types that are supersets of JavaScript and can be compiled into pure JavaScript code.
• ✔️ TypeScript works with all browsers, all hosting environments, and all operating systems.
• ✔️ TypeScript is open source.

Github.com/zhongsp/Typ…

4. typescript-book-chinese

The Chinese version of TypeScript Deep Dive provides an in-depth understanding of TypeScript.

TypeScript Deep Dive is a great open source book that covers the wizardry of TypeScript from the basics to the Deep, and will suit both the novice and the veteran alike.

Also, unlike TypeScript’s official documentation (which is good), this book gives you a deeper understanding of TypeScript with real-world use cases.

Github.com/jkchao/type…

5. clean-code-typescript

Applying the concept of Clean Code to TypeScript is inspired by clean-code-javascript.

Adapt Clean Code software engineering principles from Robert C. Martin to TypeScript. This is not a code style guide, it is a guide to using TypeScript to produce readable, reusable, and reconfigurable software.

None of these principles is obligatory, and even fewer are widely accepted. These are just guidelines, but they are the result of years of experience by Clean Code’s authors.

Our software engineering industry is only 50 years old, and we still have a lot to learn. When software architecture is as old as architecture, there may be hard and fast rules to follow. For now, let these guidelines serve as a standard for the quality of TypeScript code you and your team produce.

For example, use meaningful variable names

Make meaningful distinctions to make it easier for readers to understand the meaning of variables.

👎 counterexamples:

function between<T> (a1: T, a2: T, a3: T) {

  return a2 <= a1 && a1 <= a3;

}
Copy the code

👍 are:

function between<T> (value: T, left: T, right: T) {

  return left <= value && value <= right;

}
Copy the code

As a reminder, there is a Chinese translation at the end of the warehouse.

Github.com/labs42io/cl…

6. Introduction to TypeScript

This video tutorial introduces TypeScript’s basic concepts, common syntax, and advanced features.

www.imooc.com/learn/763

7. typescript-tutorial

This tutorial is aimed at quick engineering practice and aims to GET the reader to the core of the language quickly and put it into practice!

Language is always a tool to improve productivity, and the most urgent need for new users should be to quickly grasp the use of the tools, rather than to indulge in small details and tricks before they have even learned to use the tools.

True proficiency: should be in the practice of extensive use, in the practice of the pit, and in the practice of understanding the process naturally formed.

This tutorial is really very simple, only about frequently used knowledge points, can be said to be a 2 hour crash 😂.

Github.com/joye61/type…

The last

You can check out my 2020 year-end summary of Cat’s face at 😂.

Before you know it, it has already written to the 15th issue, and has shared more than 100 good front-end projects. To the future, please see the treasure warehouse below, click very dangerous, please be careful to enter!

Github.com/FrontEndGit…

How to find good open source projects on GitHub and how to use GitHub for accurate search tips.

Think it works? Like to collect, by the way point like it, your support is the biggest encouragement of super cat!

Can add super cat WX: CB834301747, chat together front end.

If you search “front-end GitHub” on wechat and reply “ebook”, you will get 160 front-end elite books.

Past pure text

• Recommend 12 fairy tool projects and websites for learning front-end

• 10 top GitHub Interviews to Build your own Salary Bonanza

• Get inspired to write CSS on GitHub!

• 11 must-have online tools for the hot front end, finally have time to work

• 11 super popular factory front-end code specifications, you can write code like poetry!