Introduction to Redux – a simple practical Redux example

In this tutorial, we’re gonna introduce main concept of Redux: what it is, how to work with Redux Store, Action, Reducers. Then we will practice to understand all of them in a simple practical Redux example.

[Continue reading…] “Introduction to Redux – a simple practical Redux example”

NodeJs/Express MongoDB One-to-Many related documents

In the tutorial, we will show you how to develop One-to-Many related document with NodeJs/Express, MongoDB using Mongoose.

Related post:
Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose
Mongoose Many-to-Many related models with NodeJS/Express, MongoDB

[Continue reading…] “NodeJs/Express MongoDB One-to-Many related documents”

Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose

In the tutorial, we show how to build CRUD RestAPIs with NodeJS/Express and MongoDB using Mongoose.

Related posts:
NodeJs/Express RestAPIs – POST/GET/PUT/DELETE requests
NodeJs/Express MongoDB One-to-Many related models

[Continue reading…] “Crud RestAPIs with NodeJS/Express, MongoDB using Mongoose”

Style React Application – apply SCSS/CSS files to React with Webpack

In this tutorial, we’re gonna look at how to style a React Application (apply SCSS/CSS files to React Application) with Webpack.

Related Posts:
Build & run React Application with Webpack – React Webpack example
React Modal example

[Continue reading…] “Style React Application – apply SCSS/CSS files to React with Webpack”

React Application with Babel Transform Class Properties Plugin

Babel is a JavaScript transpiler that allows us to write modern JavaScript and compile it into syntax browsers can understand. We now can refactor React code in a beautiful way. This tutorial shows you how to use Babel Transform Class Properties Plugin in a React Application.

[Continue reading…] “React Application with Babel Transform Class Properties Plugin”

Build & run React Application with Webpack – React Webpack example

Webpack is a module builder that does not run during our page but our development. It takes modules with dependencies and generates static assets representing those modules (bundles) that will be understood by browsers. Webpack is powerful and highly configurable. In this tutorial, we’re gonna look at way to build and run a React Application using Webpack.

More practice:
React Modal example
Style React Application – apply SCSS/CSS files to React with Webpack

[Continue reading…] “Build & run React Application with Webpack – React Webpack example”

React Component Lifecycle Methods from v16.3 with example

From v16.3, React introduces new 2 lifecycles getDerivedStateFromProps, getSnapshotBeforeUpdate, and also notices that 3 methods will be in time considered deprecation componentWillMount, componentWillUpdate, componentWillReceiveProps. In this tutorial, we’re gonna look at new React Component Lifecycle Methods, then we will build an example that uses them.

[Continue reading…] “React Component Lifecycle Methods from v16.3 with example”

Angular 5 – Upload/Get Images to/from Spring Boot Server

Upload files to Servlet containers, application need register a MultipartConfigElement class. But Spring Boot makes it more easy by configuring it automatically. In this tutorial, we’re gonna look at way to build an Angular 5 App Client to upload/get Images to/from Spring Boot RestApi Server.

Related posts:
How to upload MultipartFile with Spring Boot
MultipartFile – SpringBoot + JQuery Ajax + Bootstrap.
MultipartFile – SpringBoot + AngularJs + Bootstrap.
Angular 4 Firebase – Get List Files from Storage
Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server

[Continue reading…] “Angular 5 – Upload/Get Images to/from Spring Boot Server”

React Stateless Functional Components example

We have known how to define a React Component in the post React Components example. There is a simpler way to do this which is called stateless functional components. Remember that we can only use this method for components that don’t have state.

Related Posts:
React Component Props example
React State example
React Note Application – React props and state example

[Continue reading…] “React Stateless Functional Components example”

Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server

Upload files to Servlet containers, application need register a MultipartConfigElement class. But Spring Boot makes it more easy by configuring it automatically. In this tutorial, we’re gonna look at way to build an Angular 5 App Client to upload/get MultipartFile to/from Spring Boot RestApi Server.

Related posts:
How to upload MultipartFile with Spring Boot
MultipartFile – SpringBoot + JQuery Ajax + Bootstrap.
MultipartFile – SpringBoot + AngularJs + Bootstrap.
Angular 4 Firebase – Get List Files from Storage
Angular 4 – Upload/Get MultipartFile to/from Spring Boot Server

[Continue reading…] “Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server”

React Note Application – React props and state example

In this tutorial, we’re gonna create a simple React Note Application that uses both React props and state.

Related Posts:
React Components example
React Component Props example
React State example

You can try this application with React Stateless Functional Components example.

[Continue reading…] “React Note Application – React props and state example”

React State example

In the post, we had known how to bind data and update UI by re-rendering template. This tutorial shows way to update data automatically without calling render template function by using React State.

Relate Posts:
React Simple Data Binding example
React Component Props example
React Note Application – React props and state example

[Continue reading…] “React State example”