Technology Weekly · Tiangong wisely strives for the new | Move Node.js into the browser; cross-frame components of the GitHub team; basic elements of a clean system architecture...

Dandelion·JELLY Technical Journal Vol.40

The times are always rolling forward, and there are always new things and all kinds of interesting things constantly appearing in front of our eyes. The so-called "delete the complex to simplify the three autumn trees, and lead the different standard new February flowers", simplify the development process, optimize the technical plan, bring qualitative changes through quantitative changes, and bring new needs and thoughts.

It's as if we are pursuing a clean structure in the development process, which can help us manage the code and the various modules in the project more efficiently. Similarly, whether it is a general-purpose component library, a simple and easy-to-use scripting tool, Cloud IDE... can better help us complete "reliable" projects with high efficiency and high quality, and the project itself will also be a help and help Let's complete more imaginative ideas...

Guanhaizhi

Mountain climbing is full of love in the mountains, while watching the sea is overflowing in the sea

Node.js into the browser

Synopsis : A few years ago, we realized that the web is moving towards a critical turning point. The emergence of WebAssembly has given us the ability to write an operating system based on WebAssembly, which is powerful enough to run Node.js completely in a browser. We have designed an advanced development environment that is faster, safer and more consistent than the local environment, which can achieve seamless code collaboration without the need to set up a local environment. Today, two years later, he was finally born!

Recommendation : In the recent Google I/O keynote, Stackblitz introduced to you the IDE WebContainers developed in cooperation with Next.js and the Google team, which brought revolutionary changes to CloudIDE, which was amazing!

GitHub team's cross-frame component

Synopsis : Why did you completely remove jQuery and switch to Web Components? How to efficiently write robust, non-dependent, and high-quality Web Components? Are ViewComponent and Catalyst really easy to use? This summary article based on the GitHub team's development of Web Components and a lot of practical use will give you the answer. At the same time, the GitHub team will open source more common Web Components under the name of "Github Elements".

Recommendation : Web Compoents technology is a browser native component promoted by Google. It has been released for nearly four years and has been in a tepid state. After GitHub uses Web Components on a large scale and open-sources its own GitHub Elements components, can Web Components improve? Stay tuned~

The basic elements of a clean system architecture

Synopsis : There are many ideas about the overall system architecture, and there are similarities. This article focuses on the key points of these system architectures. The internal and external are entities, use cases, adapters, frameworks, and drivers. The rule that needs to be followed is that the inner layer can never rely on the data structure or logic of the outer layer, which will greatly improve the readable, extensible, maintainable, and reusable code. translated version

Recommendation : This article is the The Clean Architecture . Can you switch between the Web / RPC or database you are using in a short time? Are you troubled by the pits that you have stepped on for the overall project structure and code layering? Use this article to get inspiration! This article is only a brief discussion of architecture design, and the content of the book allows you to have a comprehensive understanding of the entire software design from both the code level and the macro level.

Shell script tool to rewrite rules

Synopsis : Bash is great, yes, but when writing scripting tools, people usually choose a more convenient programming language. The standard Node.js library requires many additional operations before using it, such as installing dependencies and importing libraries. zx provides a child_process package to reduce tedious operations such as escaping parameters and return value processing.

Recommended language : This is a more developer-friendly scripting tool. In just a few days, it won over ten thousand Star (blessed by Google). The biggest difference between the zx tool and the previous Node.js scripts is the encapsulation of the child_process module. The design and experience are excellent, and it also supports the execution of remote scripts. \
\
Friendly reminder: This is not a product officially supported by Google~

Thinking about product "

Synopsis : This article introduces the content of "Wei Zhe's 3+1 Thinking Method" through some small cases: Where does the demand come from, and who is the target customer? How many people have such a need, and is this need urgent? What is their pain and what is the scene (before/after using the product)? What will happen on the website data after the solution? And help to evaluate the project in the real scene.

Recommendation : It is said that we should stand in the user’s shoes and look at the problem. Whether it is a product or a project, we can better plan and realize the essential problems behind it; "3+1" can help product students to sort out their ideas. Accurately finding the answer to "what method is used to solve who’s and what problem" can also help developers better understand the needs and reduce the error in the evaluation process; articles and cases are some years old, but the ideas are still worth learning. Provide An entry point for thinking about the problem.

Overlooking Pavilion

Aside from the hustle and bustle of chatting in the first district, all the sights are under the gaze

Thematic topic: Tide on Yunding\

\
Cloud IDE is not a new concept anymore, but as a development, what can it bring us? Engineering and R&D to the cloud? What are the advantages of choosing cloud development? It's a pity that the little assistant doesn't understand it, but recently I received a new request for a Tide plug-in, and I plan to find the children's shoes of the Tide team to investigate. \
\
\
\


"Dandelion" journal, a weekly update, we focus on mining " underlying technology , engineering , cross-end framework technology , graphics programming , server development , desktop development , Artificial Intelligence , design philosophy , front-end framework " and other general industry hotspots, and provide professional interpretation; not only that, we will also recommend selected concave-convex technical articles to show you the research direction of the team.

Looking up, the seeds of dandelion will take root and sprout, like summer flowers; to learn from things, we climb high and overlook the sea, and we will reach thousands of miles in order to accumulate silicon.

Dandelion·JELLY Technical Journal Contribution Guide