Besides, minimalism is cool and clean, I love it because I am a lazy developer :) Why do we avoid database connections? It will not have any extra dependency other than Next.js. It will not have any database connection. We will try our best to make it minimalist. If you’re coming from the React world, you probably already see the promise of granular reactivity and not having to declare dependencies.In this article, we will build a Serverless Next.js based TODO application. I hope you enjoyed diving into this framework with me. If you’d like some more practice, consider trying to add a TodoList component so that the App component doesn’t have to see the ul implementation. Now we navigate over to And we’re finished! Pretty cool. Assuming you have node installed, run the following command in your terminal to download the Solid/JavaScript/Vite template into a directory called solid-todo-list: The easiest way to get started with Solid is to use one of their starter templates. We’re also able to add new items using a textbox with an “Add” button.īefore we dive directly into the app, let’s get our local development environment working and go through some Solid basics.
When the item is done, there’s a line through it.
We can see that we have a checkbox to toggle whether an item is done or not. The following mock-up shows three parts of our application: Why a todo list? Well, because you’ve probably made 100 of these and know exactly what goes into making one-leaving the framework itself as the only “unknown.” Mocking up our appįirst, we’ll mock up our application. In this post, I’ll show you how to build a todo list app with Solid and explain some of the mechanics along the way. These differences make Solid blazingly fast and, in my opinion, less prone to some of the errors that plague React apps. On the surface, Solid looks similar to React, but its core mechanics are quite different. Solid.js is a front-end framework that has been getting a lot of hype recently-and for good reason.
0 kommentar(er)
