It’s been three months since Strve was released, and today I’m going to do a little project for you. Let’s see if this little frame works.
Today, we will make a simple version of TodoList. Although the project is small, it has all the five organs. Contains additions, deletions and changes to the text, which is well worth using.
Before developing the project, I need to open the official documentation to see how the Strve project building tool, Create Strve App, works. After the operation (detailed operation you can follow the documentation), we will see the following.
File directories do not feel particularly clean, and is based on Vite build, so the development experience is also good. Strve is built to fully embrace Es Modules, so using Vite to build projects is the best choice.
Now, let’s implement a simplified version of the TodoList application. It is a single page application, so we only need to develop in a JS file. HTML and JS can be written together, which is similar to the JSX idea in another way. The logic code is shown below for your reference. In addition, I used CSS Modules in the project. Now, though, there is only one page.
We’ll see that the logical area and the display area are very clear, and we’ll just care about the data and manipulate the data. This declarative API is elegant and efficient, as opposed to JQ’s imperative API, where the DOM is the dry way.
We are now ready to deploy, and here is the packaged file directory.
Then, we launched to the cloud and did a beta run. Incredibly, can run to 99 points, in fact, I have confidence can run to 100 points.
This article is brief and Outlines the process of developing a small project for Strve. If interested in friends can communicate with each other.
Project Cloud Address
www.maomin.club/site/todoli…
Strve source code address
Github.com/maomincodin…