Vuecember - Every day you can look forward to read a new article about frontend development, about the world of Vue.js
Today, on the 24th of December of a "special" year, we are going on a little time travel - venturing out of the world of component-based development and looking at the root of modern web development: HTML.
The composition API opens up new possibilities for state management.
What do the next generation systems look like and how could the internal state of composition functions be represented in the Vue.js Devtools?
Everyone knows them: popups, modals, overlays,... elements that overlay the rest of the content of a web page.
But how to solve this in a simple way in a world with Vue components?
Random values improve readability and reduce coupling in tests.
At sum.cumo we build platforms for insurance companies and lotteries. Depending on the platform, this often requires specific styles for individual products or lottery games in addition to brand-specific corporate identity.
If you use TypeScript as well as GraphQL, you can use GraphQL to get type safety against the API in your project!
We all agree that we want to minimize the possibility of XSS attacks by using CSP directives.
We'll provide insight into what Cypress is all about and how to avoid unexpected behavior during your very first integration tests.
Storybook.js is a wonderful environment to build and design components independently from the project. But what would be an environment without tests?
What's Vueitfy, why do we use it and why is it so much fun to work with it? A lot of reasons why we chose Vuetify to build our backoffices.
In our frontend projects, we regularly use Storybook to build components. Here are three reasons why we like it so much.
Behind the third VueCember door was already an article about VeeValidate, today we take a look at Vuelidate.
What could possibly go wrong, if requests shared state or repeatedly installed Vue.js plugins during the lifecycle of a Node.js server?
Vue Devtools provides developers with a user-friendly solution to debug and interact with Vue applications.
Vue can do Prop-Validation out of the box? Why do I need an extra package here?
We use Nuxt.js as a basic project structure for our projects. In the whole Nuxt universe there are several helpful plugins, which we would like to introduce here:
At sum.cumo we have been using Vue very successfully for some time now. But we can go one step further and use the open source framework nuxt.js together with Vue.
Before you can answer this question, it is important to know what the frontend development at sum.cumo looked like at that time.
The simple example from Vue Testing Library (1/2) can be used to build a wide range of complex test scenarios. For this we often need additional resources, which we will look at in more detail here.
For the testing of a current lottery project we were looking for a testing library that focuses on testing close to the expected user behavior.
Also in this year Santa Claus must stow away again numerous gifts on his sled without losing the control. However, he will soon be able to fall back on technical support.
Forms sometimes feel like different USB formats: Some are intuitive, but many require three rotations until they finally fit.
vue-axe verifies the accessibility of Vue.js applications based on axe-core, a testing library that checks your project against the Web Content Accessibility Guidelines (WCAG).
In one of our projects we used layout components for the first time. Layout components mean a strict separation between content components and everything that arranges them on the screen.