umma.dev

ALL

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

  • ARIA

    Accessibility is important on the web. ARIA is there to help you program your application or website to help those who may need to use a screen reader to access the Internet.

  • ES6 Syntax and More

    ES2019 is the latest version of Javascript. ES6 is commonly used amongst developers and also gets called JavaScript 6... sometimes.

  • APIs in Front End Applications

    Ever needed to show some data in your React component but never understood how to? Below shows a simple example of how you can do this!