Cross-origin resource sharing? what is it? Have you ever stumbled upon a CORS error? OF COURSE… now let's get to the CORE of it… 🏁Some information before start The user will use a browser to access a website. I will refer to this as a client The client will exchange resources (images, stylesheets, scripts…

Node Package Manager Lets break it down: Node — server-side Javascript runtime environment that will execute Javascript outside a web browser. Package — A bunch of Javascript models exported together. A package can be something like moment.js; a helper library that parses, validates and manipulates date and time in Javascript. Manager — Before…

Admit it, JS is bananas. 🍌 I gathered some of the often most confusing notions of JS that took me a while to grasp. I’d like to hear from you in the comments if you think I have grasped it enough to explain it to you 😉 🌠 Pure functions …

Mama always told me to go out of my comfort zone, here I am liking CSS. Hence, our goal is to get better with CSS because we love it so much. 💖 What is CSS specificity? 👉An algorithm used by browsers 👉Will calculate the “importance” of a CSS rule to determine what rule will…

Includes: definition, usage, flow, setup 3rd Parties, Server & client code — What is OAuth? 🤔 It stands for Open Authorization. It’s an approach to authenticate a user using 3rd party services like Facebook, Google, Github, LinkedIn… When to use? 📈 We no longer need to validate a login or sign up form with information that can be given to us by a third party. Use in order to modernize…

It’s time to ask for a raise, and learn about arrays. 🤷‍♀ Basics Index Indices in arrays are 0 based. Length Length of an array is measured by how many items it has. The number of indices could be found by length-1. Declare an array There are two ways of declaring arrays. Note…

The shift from front-end to a bit of back-end What is it? JWT stands for Json Web Token and pronounced as “JOT”. JWT’s are encrypted JSON objects that can’t be altered after their creation and used to establish a secure communication between two parties. As you can see a token…

Splash screens are some UI feedback to let the user know the app is loading. A good splash screen, just like any first impressions matter! So let’s dive in *splash*! (Please ignore my bad puns….) ♦️ Step 0 I used the following site to generate android/ios images ♦️ Step 1 Download the following helper library to…

Simple tutorial to add custom fonts to your ReactNative project Versions: While this article is directed to Windows users who develop an Android application using ReactNative, here are the versions of some tools I used while writing this article: Node (v14.16.1) https://nodejs.org/en/ React Native CLI (v2.0.1) React-native 0.64.0 JDK (version: 11.0.10…