Fresh Resources for Web Designers and Developers (July 2022)
In the last few months, things have changed a lot in the front-end development fields. And this is going to be our main focus in this month’s round of the series.
Let’s jump in to see the full list.
Fresh Resources for Web Designers and Developers (June 2022)
In the last few months, things have changed a lot in the front-end development fields. And this is going to be our main focus in this month's round of the Read more
Bun is currently in beta, but it promises on performance and provides better tools that would help developers be more productive.
Jotai is a state manager for React.js applications with a focus on simplicity. It aims to solve the common re-render issues in React.js component, plus, it’s easy to implement. You can use it as a replacement of React State Hook function, and scale it up to build a more complex application.
Rematch is a state manager adopting similar to Redux, except without the complexity. It works out of the box, without additional configuration. It also works with any framework; not just React.js but also Vue.js and Angular, and it’s only as small as
Bao is a new framework to create web applications. Built on top of Bun, it’s similar to one of the popular frameworks, Express.js. In fact, it is also modeled after it which makes it familiar and easy to switch over from Express.js.
Regex is a special language that’s not easy to understand because of the complex syntax. And here’s where Autoregex comes in handy. It translates back the Regex into a human readable sentence which also makes it a great learning tool to understand RegEx.
If you feel that websites today look all the same, you need to check out Godly Website. It collects a lot of wonderful websites with unconventional designs. A great place to find design inspiration.
A collection of Vue.js components, and as the name implies, they are basic components. They carry functionalities but do not comes with design constraints so it’s up to you how you’d want to style it. It’s a great library as starting point for your website application UI with Vue.js.
Wails is a framework that allows you to build a Desktop application with Go. It compiles and handles native elements such as Windows, Menus, and Dialogs that it runs as good as native-built applications. Unlike Electron, Wails does not embed browsers a browser in the application, so it will run much faster.
LazyGit is a Git application that adds UI inside the terminal. Similar to a Desktop application, it allows you to see current status, staged files, diff, stash, and many more. It’s a perfect tool for those working with Terminal who would like some convenience.
It’s also a great framework for WordPress developers with
@roots/bud-preset-wordpress package that you can install to build a WordPress theme or plugin.
HTMX is a supercharged HTML. It provides convenient access to AJAX, CSS Transitions, and WebSockets just through the HTML attributes. This allows you to build a fairly dynamic UI with simple HTML such as creating infinite scroll, tabs, lazy loading, and a lot more.
A collection of beautiful UI components to build modern applications with React.js. You can find common components required for an application like the inputs, buttons, pagination, table, and grid. If you want to build an application that instantly looks good, NextUI is what you might be looking for.
Elastic UI is full of inspiration. It’s the design system library from Elastic. Even though, you might not be able to apply this library on to your own application, you can definitely learn how all these components are used to build a great popular application like Elastic Search, Kibana, and APM.
A UI library built for Vue.js. It has buttons, input, table, and all base component for a website. Built from the ground up, Vuesax provides each component with customizability that allows your web application to stay unique to your style.
Create Block Theme
It’s a new official plugin from WordPress that allows you to create a block theme. You can design your own theme using full-site editing (FSE) and export it as a theme that you can install on any other WordPress site. I think this is going to change the game in the WordPress theme fields.
VS Code Server
VS Code is a great code editor that is really popular among developers. You can run and use VS Code in Windows, macOS, and Linux… But what if we can run it in our own server.
Microsoft has recently opened up this possibility with VS Code Server allowing you to install the VS Code backend services which host extensions, the terminal, debugging, and then access it through vscode.dev. It’s more or less the DIY version of running your own Github Codespace.