Articles

Validation Forms in Vue.js Apps Using Vuelidate library

,

Hello! One of the most common tasks in software development is input validation. Any app has different forms that submit some data, and we want to check numerous conditions: that fields are not empty and that they have a proper format (like emails), length, and so on. Yes, we can do it manually, but this is not the best path. It is better to use a specific validation library. For Vue.js apps, the popular choice is Vueildate. In this post, we will see how to install it to your Vue apps, how to use it, and observe the most important built-in validators.

What Is Vuelidate?

Let have a simple example. You’re building a signup form. You want to check that user provides a correct input, like:

Source de l’article sur DZONE

/par

Spring ResourceLoaderAware Example

,

In the video below, we take a closer look at a Spring ResourceLoaderAware example. Let’s get started!

Source de l’article sur DZONE

/par

A Simple, Yet Powerful Design Model to Manage Records

,

Abstract

A user interface to create, read, update or delete records (CRUD) is an essential component of any computer system. The existing user interfaces and activities in record management can be further optimized. Some existing CRUD interfaces involve migrating to a few different pages with a different set of controls and different functionalities. This proposed model is developed to achieve all the functions related to record management on the same page with the same set of controls. This model can achieve all the CRUD functionality in a single page with the same set of controls using minimal interactions. This model ensures a higher level of user-friendliness with more efficient resource management. The proposed model can be extended easily to accommodate specific requirements in different situations.

Introduction

Several entities need to have CRUD functionality even in a simple software solution. The users may view records through the user interface. They may update the viewed record or delete that. The users also need to create new records. This functionality is currently achieved by different systems using a combination of pages. Each page involved has different components with different actions on each page. These systems could have been improved to achieve the same functionality in a simpler and more user-friendly manner. This article discusses a simple, yet powerful model to manage records and have a more user-friendly UI and fewer interactions to achieve the same CRUD operations. This proposed model can achieve all CRUD functions in a single page with the same set of control with minimal interactions.

Source de l’article sur DZONE

/par

Delivering a Successful API: Know What it Takes

,

Modern businesses are highly consumer-driven. Delivering value to our customers should, therefore, be our first priority. Making the tasks of our customers more convenient and efficient should be our primary goal. To do that, we need ways to figure out “what” exactly makes our customers more efficient and brings them convenience in their tasks. 

This requires a lot of trial and error. This requires us to build and experiment with systems and features to see if these capabilities actually bring significant value to our customers. This is the primary motivation that drives enterprise architecture to be much more disaggregated and composeable. Heard about “Microservices” anyone? 

Source de l’article sur DZONE

/par

How to Enable HTTPS on a Spring Boot Application

,

HTTPS is a secure version of HTTP designed to provide Transport Layer Security (TLS) [the successor to Secure Sockets Layer (SSL)], the padlock icon in the address bar that establishes an encrypted connection between a web server and a browser. HTTPS encrypts every data packet to transmit in a secure way and protects sensitive data from an eavesdropper or hacker.

You can implement HTTPS by installing the SSL certificates on your web application. You can use either certificate issued by trusted Certificate Authorities (CA) or Self-Signed Certificate.

Source de l’article sur DZONE

/par

Simple TODO Service With Actix (Rust): Part 1

,

What Is Actix?

Actix is a powerful Actor system for the rust programming language. Actix web is a web framework built on top of Actix.

Actix aims to be:

Source de l’article sur DZONE

/par

Flutter vs. React Native App Development: Who Will Win the Race?

,

In order to create a good mobile application, you need to choose a fully-fledged platform and an appropriate SDK toolkit. Both React and Flutter have amazing features allowing you to craft beautiful and multi-functional apps. However, the choice between those two depends on what exactly you are planning to create. Let’s compare the programming possibilities of React and Flutter, their communities, and famous supporters.

Flutter Toolkit for Mobile App Development

Flutter’s history dates back to 2014 when, in pursuit of speed, the Google Chrome team experimented with rendering page content. The purpose of the experiment was to check if it is possible to speed up the rendering when abandoning the traditional layout model. At the same time, the team wanted to get rid of the backward compatibility burden that has accumulated across many years of the web’s existence. The basis for the experiments was the Blink engine, and the result was a 20-fold increase in productivity due to the following changes:

Source de l’article sur DZONE

/par

Creating a Frontend Architecture With Dynamic Plugins

,

The following are some of the most used approaches to handle pluggability on frontend:

  1. The main application works like a layout for all the features it contains, where each feature has switch on/switch off functionality. If a plugin is present, it will be displayed in a certain place. But, if you want to develop a new plugin, you will need to modify the main application, so it will be aware about it.
  2. Load plugins dynamically and add them to the main application as sub-applications in an iframe. That gives certain flexibility, as you can use different versions of the same third-party libraries, but there are also some costs, including:
    • The bundle size blows really fast. All required third-party plugins have to be included inside the plugin again.
    • To reuse already written logic in a core plugin, you either have to copy and paste it or create a shared-module with common functionality and include it in the core and custom plugin. In this latter scenario, when this shared functionality is different from plugin to plugin, it can become a mess really quickly. 
    • It will not allow you to bring smallchanges to an application, like replacing a button with a new one on the fly.

Keeping these limitations in mind, let’s have a look at a new approach. First, I will explain it with a simple example and then on a more advanced level.

Source de l’article sur DZONE

/par

The Step-by-Step Process of Mobile App Development

,

According to the Survey Reports, there are almost 1.84 million apps available on iOS and on Google Play there are 2.9 million apps. However, the usage of mobile applications is increasing constantly. Due to the high demand for Android and iOS applications, it leads mobile app development services to high competition.

In the digital world, mobile app developers don’t only have to focus on the backend and frontend coding process and functionalities. Apart from this, to launch successful apps, they have to be creative and require knowledge about market trends and guidelines.

Source de l’article sur DZONE

/par

Iterate/Aggregate Fault Handling in WSO2 EI

,

In WSO2, we can implement the Splitter and Aggregator EIP using the Iterate and Aggregate mediators. With the Splitter pattern, we can split a message composed by different elements that need to be processed individually, and then we use the Aggregator pattern to aggregate the results of each individual call and then perform some processing over the aggregated results.

Happy Path Example

In a happy path example, all the requests and processing done inside the iterate mediator will occur with no failures, and the aggregate mediator will handle the results of all the requests made. We can see that in the proxy below:

Source de l’article sur DZONE

/par