Packaging a React App With Spring Boot

See the original posting on DZone Python

In this article, we’re going to discuss how to combine Create React App with Spring Boot to give you a single war file, so that we:

  • Can have our frontend and backend in a single war file with optimized productions build
  • And keep the benefits Create React App gives such as hot reloading

Setup

  1. Must have Java installed. Head over here to download a version.
  2. Must have Maven installed. For Mac, I used Homebrew (brew install maven), but otherwise, head here.
  3. Must have Node installed. For Mac, I used Homebrew (brew install node), but otherwise, head over here.

Note: my IDE of choice is IntelliJ. When working on react code, I usually switch over to VS Code. Feel free to use what makes you feel comfortable. 

A Step-by-Step Guide to JavaScript Localization

See the original posting on DZone Python

Internationalization (dubbed as I18n) and localization (dubbed as L10n) are very important (though often hard) steps for any application that is going to be used worldwide. In one of the previous articles we’ve seen how to implement I18n at the back-end powered by Ruby on Rails, but today it’s time to talk about front-end. In this article we will discuss how to localize JavaScript applications using the following solutions:

  • jQuery.I18n by Wikimedia
  • Polyglot by Airbnb
  • Globalize by jQuery team

All of these solutions are quite different and have their own specifics so we’ll see them all in action.

Server-Side Pagination Using ASP.NET Core and Angular 8 – Part Three

See the original posting on DZone Python

Introduction

In this article, we will learn how to create server-side paging, which is very useful whenever we have to display a large number of records. 
This article will be the final part of our three-part series. You can check out the first and second parts by clicking on the below links:

In the second part, we implemented a previous and next button. In this last part, we are sorting our data on click on headings in ascending and descending order. 
So here, we are displaying the number of records. With that, our program will calculate the number of pages, but in one page, we can see only the selected records, so rather than fetching all the records at one time, we are going to fetch records based on pages. This will increase our performance.

How Will it Work?

In Part 2, we were working on the Prev and Next button and their logic. Here we are sorting the records based on ascending and descending order, so when we click on the header column name it will get the related number of records in order by column name.

Back End

We will do the back-end code using SQL server. In the first part, we already have created a database and necessary tables, so no need to create it again. However, we will make a small change in the stored procedure. So we are sorting the data ascending or descending after we click on table headings on the screen. For that, I am using case statements so that it will manipulate records according to column name.
SQL

xxxxxxxxxx
1

42

 

1

USE [Company]  

2

GO  

3

/****** Object:  StoredProcedure [dbo].[Usp_GetAllCompanies]    Script Date: 1/17/2020 11:05:09 PM ******/  

4

SET ANSI_NULLS ON  

5

GO  

6

SET QUOTED_IDENTIFIER ON  

7

GO  

8

ALTER Proc [dbo].[Usp_GetAllCompanies]  

9

 @PageNo INT ,  

10

 @PageSize INT ,  

11

 @SortOrder VARCHAR(200)  

Hiring My Cat as a Software Developer

See the original posting on DZone Python

Meet Samson. Samson is a cat, more specifically a Faelis Feline. You can see a picture of Samson below. Since it seems to be popular to work from home these days, I figured I’d hire my cat as a software developer. That way, I can lay around in my hammock, enjoying the sun, while my cat does all the heavy lifting. Whenever it’s time to pay salary, all I need to do is to open a box a Whiskas, and voila! Salary paid!

The idea came from the following logical chain of arguments.

Cross-Platform Mobile Development 2020: Trends and Frameworks

See the original posting on DZone Python

Over the years, cross-platform mobile development has earned a reputation for being one of the most popular software development trends. And it shouldn’t come as a surprise. Adopting the cross-platform approach allows engineers to build apps for different platforms with a single codebase, thus saving time, money, and unnecessary effort. 

The Current State of Mobile

Let’s start from scratch and discuss the current state of the digital market. In December 2019, there were over 4.5 billion active internet users out there. On average, each of them browsed the net for 6 hours 42 minutes, which equals more than 100 online days each year.

Top 4 Gantt Chart Solutions for React

See the original posting on DZone Python

React has gained considerable popularity among both web enthusiasts and large enterprises that value high performance and reliable web applications. Currently, there’s no shortage of React components of different levels of complexity. Today, we’d like to shed some light on a specific kind of such tools — React Gantt charts. 

To make this article useful for the broadest possible public, we’ll focus on two types of Gantt charts. First of all, we’ll take a look at lightweight charts that provide basic functionality and can fit small companies. After that, we’ll consider those that offer dozens of features and can be a good choice for large companies. Such management tools suit well for complex projects and help to ensure that no detail will escape the attention of a project manager.

iOS Spring Boot Code Generation in One Minute With Clowiz

See the original posting on DZone Python

With the current trends in the software development field, agility and faster delivery of software applications have become an essential part of the IT industry. In fact, this has been one of the main reasons for the evolution of many of the modern technologies and trends, such as single-page applications, lightweight frameworks, and microservices architecture.

Even with the massive improvements in the technologies, IDEs, and tools, developers still write much code to get the job done. To increase software developers’ productivity and to reduce the cost of software development, the Clowiz platform has been created.

NET Core – Cross-Platform Code

See the original posting on DZone Python

.NET Core is cross-platform, and in this short post, I will describe a simple method to detect the underlying operating system on run-time.

There are situations when we want to run a different piece of code based on the operating system. This capability could be useful in various scenarios e.g. I wanted to obtain the underlying hardware information in order to bind it to a licensing mechanism. While its true that .NET Core already supports a wide variety of operations, in this particular use case, there is no support to obtain this information cross-platform.

Setting and Managing Locales in Rails i18n

See the original posting on DZone Python

One of the previous articles was covering I18n in Rails. We talked about storing and fetching translations, localizing the app and other useful stuff. What we have not discussed, however, are the different ways to manage locale across requests.

By default, Rails is going to use locale set in the I18n.default_locale (which is :en or any other value you define in the configuration) or the value from I18n.locale if it was explicitly defined. Of course, if an application supports multiple languages, its users need a way to change locale and their choice should be persisted. Therefore, in this article we will explore the following solutions:

A Quick Guide to Django I18n

See the original posting on DZone Python

Learn how to easily do translation and localization in Django, the popular Python web framework.

Translating your web application to different languages and adding proper localization is something we all should do! This tutorial will give you a short introduction on how to get started with the Django localization process. Part of this can be easily applied to general Python localization and we also show you how you can speed up your i18n workflow even more by using Phrase.

Implementation of React-Redux Hooks With Typescript

See the original posting on DZone Python

This article is a continuation of my previous article. If you are new to hooks and have directly arrived here, then I would suggest you to first check out that first article and then come here. In that way, you’ll be able to understand everything in this article clearly.

If you know about the basics of hooks in React, like useEffect or useState, then you’re probably good to go.

ReactJS App on Oracle Kubernetes Engine with Travis CI and GitHub

See the original posting on DZone Python

Introduction

This article demonstrates the steps required to host a Node application with Oracle Kubernetes Engine (OKE) using Travis Continuous Integration Server. Travis CI is very tightly coupled with GitHub, so any public repository created by you will be visible automatically in Travis. 

This is a development/sample code demo only. You need to optimize the code (given in this article) or write extra code to make it production-quality. You can access the sample code used in this article from here: https://github.com/kumarsirish/sample-travis-oke.

At a Glance! Drupal 9 Features You Should Know About

See the original posting on DZone Python

Drupal is a recognizable open source CMS (content management system). Drupal is noted for its flexibility and tough security. It’s always worth taking a glance at the major release on the horizon, like Drupal 9, which will soon ship in mid-2020.

It is going to be the first major release of CMS with backward compatibility. The upgrade would be effortless if you are already a user of Drupal 8. Let’s discuss the Drupal 9 launch and the upcoming exciting features it’s going to come up with, and how you need to prepare your website for Drupal 9

React Bootstrap Table With Searching and Custom Pagination

See the original posting on DZone Python

Introduction

In this article, we will learn how to use the React Bootstrap Table in React applications.  I will also explain how we can implement pagination, searching, and sorting in this Table. 

Prerequisites

  • We should have the basic knowledge of React.js and Web API.
  • Visual Studio and Visual Studio Code IDE should be installed on your system.
  • SQL Server Management Studio.
  • Basic knowledge of Bootstrap and HTML.

Implementation Steps

  • Create a Database and Table.
  • Create Asp.net Web API Project.
  • Create React App.
  • Install React-bootstrap-table2.
  • Implement Sorting.
  • Implement Searching.
  • Implement Custom Pagination.
  • Install Bootstrap.
  • Install Axios.

Create a Table in the Database

Open SQL Server Management Studio, create a database named "Employee", and in this database, create a table. Give that table a name like "Employee".

How to Build a CRUD Application Using React and Django

See the original posting on DZone Python

In this tutorial, we are going to build a CRUD application for storing books with React and Django. CRUD stands for Create, Read, Update and Delete, so basically this app would work like a library shelf where we can take a look at each book data being able to modify as we want or need.

Technologies Used

For this application, we will be using two very popular solutions for building user interfaces and APIs. The user interface of the application will be built using React – prior knowledge of React is not required for this tutorial.

Accessibility and Testing in Two Popular SPA Frameworks

See the original posting on DZone Python

I love working with JavaScript frameworks. But what I love most is building an interactive user interface with flawless accessibility. You have to be user-centric while developing apps because overlooking an end-user’s perspective often leads to a half-baked idea. Considering this point of view, I found gold in Ember and Angular. These frameworks are great for building single-page applications and take accessibility to an extra mile. 

Angular is built with extensive capabilities to build bug-free applications with its supportive architecture. Ember, on the other hand, has got everything sorted for writing the tests to keep a consistent best practice in dealing with test cases among different modules of an application. For more details on different aspects of these two javascript frameworks, you can refer to our blog: Ember vs Angular: Comparing Two Popular SPA Frameworks.

Use of JavaScript In Online Games

See the original posting on DZone Python

Do you know which programming language was used to develop your favorite online game? Many people will immediately think about HTML5 and C++, and they are actually right. These are the most common options. But what about JavaScript?

JS is considered to be the most popular and well-known programming language in the modern world. Its popularity is caused by a number of reasons, including user-friendly code and versatility. Indeed, JavaScript can also be an excellent helper when developing online games. Its scripts make it possible to easily combine JS codes with HTML5 and CSS, thereby creating excellent cross-platform applications.

1 2 3 183