umma.dev

ALL

    • 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.

    • JWT Tokens in Node.js APIs

      This post is about adding authentication via Json Web Tokens (JWT) with Node.js. On the front-end you can pass the JWT token and ensure that data stays safe, such as passwords and log in credentials.

    • Hooks vs Lifecycles

      The React team at Facebook announced Hooks earlier this year. React lifecycles enable you to manipulate data within components. With the recent addition of hooks, you can now replace repetitive code within your components.

    • State and Props

      Props and state are a fundamental part of the way ReactJS works. They enable you to pass data within a component or between components. It is important to gain a solid understanding of states and props when learning React.