November 2023

React06-React-JSX

React JSX - React Vernacular Campaign 06

React is one of the most popular JavaScript packages for web and mobile front-end development, developed by Meta to enable developers to create reusable components to complete front-end pages, and JSX is one of the more common ways to write React, so we're going to talk about what JSX is, its syntax, and how to use JSX to build React. components.

React JSX - React Vernacular Campaign 06 Read More »

React Vernacular Campaign, Technical Article,
How React works

How React Works - The React Vernacular Campaign 05

React is one of the most popular JavaScript packages for developing web and mobile front-ends, developed by Meta (formerly Facebook) to enable developers to create reusable components to complete front-end pages.

However, it's important to note that React is not technically a framework. That's because it's only responsible for presenting the components of the UI. However, React provides an alternative solution to frameworks such as Angular and Vue, allowing us to work with it on complex front-end page functionality.

How React Works - The React Vernacular Campaign 05 Read More »

React Vernacular Campaign, Technical Article,
2023 Yahoo! Software Engineer Software Engineer Interview

2023 Yahoo! Software Engineer Software Engineer Interview

Yahoo! Software Engineer interview, favoring front-end software engineers, in addition to front-end development, but also need to touch the back-end development and project management. At that time, when I saw the vacancy information from LinkedIn, I asked my friend to push me, and through my friend, I generally understood that this position is a multinational team, and the daily meetings also need to use English, and there may be time difference.

2023 Yahoo! Software Engineer Software Engineer Interview Read More »

Review
Cheng Kung University Electrical Transfer Exam

107 NCKU EE|NCKU ME|NCCU AM Transfer Exam

This post was actually written in 2018, and now in 2023, I've relocated the article to my blog, and I've successfully graduated from Chengdu University of Electrical and Mechanical Engineering. I'm thankful that I was young enough to grit my teeth and face the transfer exams, which are seriously the toughest time of my life right now. Lastly, I hope this article will be helpful to anyone who is preparing for the transfer exams!

107 NCKU EE|NCKU ME|NCCU AM Transfer Exam Read More »

Review
Javascript Higher Order Function - HigherOrderFunction

JavaScript Higher-Order Function - React Vernacular Campaign 04

This article introduces the very important concept of JavaScript functions - higher-order functions, which are functions that take one or more functions as parameters or return a function as a result. In this article, we will explore in depth what is a higher-order function, the benefits of using higher-order functions and how to use higher-order functions in real-world applications, what is the function orientation? Pure Functions, Higher Order Functions, Correlation.

JavaScript Higher-Order Function - React Vernacular Campaign 04 Read More »

Javascript, React Vernacular Campaign, Technical Article,
React03-Javascript-Async-Await

JavaScript Async & Await - React Vernacular Campaign 03

Welcome to the third installment of the React Vernacular Campaign series, where we're going to dive deeper into asynchronous operations in JavaScript and introduce two important keywords: Async and Await. In this post, we'll demonstrate the concepts of asynchronous operations through real-world examples, as well as how you can use Promise, Fetch, Async, and Await to handle asynchronous code more In this article, we will demonstrate the concept of asynchronous operations and how to use Promise, Fetch, Async, and Await to handle asynchronous code more effectively.

JavaScript Async & Await - React Vernacular Campaign 03 Read More »

Javascript, React Vernacular Campaign, Technical Article,
react-vernacular-campaign-02 JavaScript ES6 Object

JavaScript ES6 Object - React Vernacular Campaign 02

In the previous post, we introduced let, const, var difference, template literal, and arrow function. This article will introduce other new syntax of JavaScript ES6, such as: Object Decomposition, Object Syntax Enhancement, Array Decomposition, and Extension Operator. We hope that through the above contents, it can help you learn React front-end framework more easily.

JavaScript ES6 Object - React Vernacular Campaign 02 Read More »

Javascript, React Vernacular Campaign, Technical Article,
react-vernacular-campaign-01 JavaScript ES6

JavaScript ES6 – React Vernacular Campaign 01

Before we get into the React front-end framework, let's refresh our readers' knowledge about JavaScript. This post focuses on the history of JavaScript, the difference between let & const & var, Template Literals, and Arrow Functions, a very important precursor to JavaScript ES6.

JavaScript ES6 – React Vernacular Campaign 01 Read More »

Javascript, React Vernacular Campaign, Technical Article,
zustand

What is Zustand? React Front End State Management

Whether using Redux or Context to handle state management, Zustand is more complicated than Zustand, and for engineers who join the project later, it will take time to understand. The main goal of Zustand is to make front-end state management relatively simple and easy to understand, which makes Zustand the choice of some companies.

What is Zustand? React Front End State Management Read More »

Technical Article
nx-monorepo

Why do big companies use Nx ? Monorepo Tool 5 Minute Quick Build

Nx shares the same design philosophy as the well-known program editor VS Code, and can produce quite well in VSCode, even without downloading any extensions.
The same goes for Nx. The Nx kernel is simple, uncluttered, and clear. And with the Nx plugin, you can choose from a variety of options for different projects.

Why do big companies use Nx ? Monorepo Tool 5 Minute Quick Build Read More »

Technical Article
en_USEnglish