Create-react-app managing different environments easily

This article explores how to build with configuration for a specific target environment.

create-react-app supports an environment variables which we can use to build with configuration for different environments (e.g. staging, production). I managed them by copying respective environment file on the fly to default .env file on the fly & before running actual build.

I am assuming that you are familiar with how CRA(create-react-app) manages environments & dotenv module.

Continue reading Create-react-app managing different environments easily

Advertisements

Infinite scrolling with Vue.js

vue-infinite-loading is the best plugin i found for this.

Installation

import InfiniteLoading from 'vue-infinite-loading';

export default {
  components: {
    InfiniteLoading,
  },
};

Implementation

In this case, i am using WordPress API’s to load posts of my own blog but with Infinite loading instead of paginations.

Assuming that we are using axios library to request posts over ajax. so here is code look like –

 

How to keep up to date on front end technologies

Hello there, can i ask you simple question ?

Why do we need to learn new tools, keeps our eyes on latest trends and workflows in our industry ?

The simplest answer would be – We don’t want to be outdated.

Right ? as you know that the web is a rapidly evolving universe and its vital part of our job is to stay updated with latest tools, trends, workflows, frameworks  …and so on in web industry.

Continue reading How to keep up to date on front end technologies

React + Redux and Application development basics

React

React is simply great framework for any kind of projects. And its much powerful when it used with Redux.

So building react redux app was a cool and innovative expreicence. React is popular for its component based and decalrative approch for creating rich UIs. Also you can use same code to create mobile cross platform web apps using react-native too.

As react is just UI library and its not sufficient to build whole application. In conjunction with React you might need react-router for routing, flux – application architecture for apps, Redux – an state container for your app, react-bootstrap for using Bootstrap components in React and many more. Or you can simply use React as V(View) part in MVC* frameworks such as Backbone js.

Its complete your choice and depends on your need. But out there peoples working really hard to make React world more better everyday.

Continue reading React + Redux and Application development basics