umma.dev

ALL

  • Higher Ordered Components vs. Hooks

    High Ordered Components are used in traditional Redux via `connect`. Hooks do not usually incorporate HOCs.

  • Map/Filter/Reduce Arrays

    This post outlines how .map(), .filter() and .reduce() differ, with examples for each method.

  • Data Requests with Hooks and Redux

    This post covers programming data requests via fetch, axios, JavaScript promises etc. using Redux. Redux can now be configured with hooks; allowing you to remove connect from components.

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