umma.dev

ALL

  • Charting Libraries in React

    There are an array of charting libraries that can be used in React projects. Here are three examples of charting libraries which are easy to use.

  • JavaScript with Emojis

    Using Emojis with JavaScript

  • Suspense and Lazy Loading in React

    Integrating Suspense and Lazy Loading into a React app can make the app a lot more efficent.

  • Using Ionic with React

    Ionic is a cross-platform UI component library for both the web and mobile. Ionic recently released a stable version for React.

  • Utilising Tailwind

    Tailwind is a utility-first CSS framework. Unlike libraries like Bootstrap, you are able to customise things like buttons, navbars, margins, colours etc. all through a config file. Tailwind is similar to Bootstrap in that it takes a mobile first approach and allows you to set screen sizes to enable the app to be responsive.

  • Components and API Calls in Vue

    Vue components are split into three parts, template, script and style. This post explains how to import components, the general structure of vue apps and how to get data in the front-end via an API.

  • Starting with Vue.js

    I decided it was time to dabble in a new JavaScript framework and picked Vue.js! This blog post is a basic guide to set up a project and will be updated as I start learning more about the framework.

  • Fundamentals of TypeScript

    TypeScript is a typing language that is almost like a subset of JavaScript. What is a typing language? Languages such as Java and C++ are known as typing langauges because you declare the variable type when initialising it. In this post I will give a brief introduction and a few examples of how you can apply TypeScript to your code.

  • How to Build a VS Code Theme

    Here I explain how to build a VS Code theme and publish it to the market place. Relatively straightforward and fun - customise your VS code theme to suit your taste.

  • Atomic Design in React

    The Atomic Design Pattern is very useful for large projects. It is a design pattern used widely in industry and helps you organise your code and components in a logical way.