Skip to main content

FontAwesome in ionic3+ apps

· One min read

Steps​

  1. Install Font-Awesome
    npm install font-awesome --save

  2. Create a config folder at root and create a file custom.copy.config.js
    config/custom.copy.config.js

How to create a basic ionic3 + mobile application

· One min read
  1. To start a new app, open your terminal/command prompt and run the following command

ionic start IonicMobileProject sidemenu

  1. To view the app in browser  run the following commands

cd IonicMobileProject/

ionic serve

Web developer resources

· One min read

HTML/CSS/Javascript
https://developer.mozilla.org/en-US/docs/Web/CSS
https://developer.mozilla.org/en-US/docs/Web/HTML
https://developer.mozilla.org/en-US/docs/Web/JavaScript

Verifying HTML and CSS
To verify HTML: http://validator.w3.org/#validate\_by\_input
To verify CSS: http://jigsaw.w3.org/css-validator/#validate\_by\_input

Angular Vs React which one you use

· 2 min read

Technology evaluation is some times challenging when we have best technologies available. Let us see who wins Angular or React.
Features

Framework / Ecosystem​

Angular 4

Angular 4 is an MVC Framework itself.

React

React is only a view library one needs to choose the different libraries to make the Best Ecosystem. Refer my post for choosing the better parts to build a React Echosystem

Summary: It takes time to build Ecosystem in React. Once built developers need not worry about the Ecosystem.

Visual Studio Code Theme customization

· 2 min read

My favorite source code editor is Visual Studio Code. Every day I use it for my web application, PWA ( progressive web application) and Ionic Mobile apps development. It is a light weight open source code editor developed by Tech giant Microsoft.

We can customize the look and feel of the editor according to our taste and comfort. In this small blog post I will show how modify the workbench.

React Eco System / Framework

· One min read

To build a production quality web application using React following are the parts (libs/ components/) which constitutes one of the best React Eco system or frame work are listed below.

REACT​

Docs: https://facebook.github.io/react/docs/
Github: https://github.com/facebook/react

REACT-ROUTER​

Github: https://github.com/reacttraining/react-router
Docs: https://reacttraining.com/react-router/web/example/sidebar

REDUX​

State container for JavaScript apps
Docs: http://redux.js.org/
Github: https://github.com/reactjs/redux/

REDUX-SAGA​

  • Make side effects i.e. asynchronous things like data fetching
  • Makes impure things like accessing the browser cache
    Docs: https://redux-saga.js.org/
    Github: https://github.com/redux-saga/redux-saga

AXIOS​

Promise based HTTP client for the browser and node.js
https://github.com/mzabriskie/axios

REACT-BOOTSTRAP​

Docs: https://react-bootstrap.github.io/components.html
Github: https://github.com/react-bootstrap/react-bootstrap

classNames​

A simple javascript utility for conditionally joining classNames together
https://github.com/JedWatson/classnames

Design Patterns and there advantages

· One min read

What are Design Patterns​

Design patterns are solutions/patterns to problems which occurs in many situations.

'd'

Advantages of Design Patterns​

  1. Developers can select a tried and well tested solutions
  2. Makes development and maintenance of code easy and fast
  3. Design patterns are language independent hence we use them in any language which supports object oriented
  4. Highly flexible and can be used in any application/domain
  5. Using design patterns we can create reusable object oriented designs