JWT Tokens in Express and NodeJS
The JSON Web Token (JWT) is the easiest standard for protecting APIs and passing in claims data. A JSON Web token allows the server to verify the authenticity of the user and provide them access to protected API routes and data. A simple JWT flow goes as follows:
The user sends login credentials to the server The server verifies user against the database then returns a JWT token if valid The user sends that token in the header with every request to API.
React Login with Google Firebase
There are many opinionated solutions for building a React Login with Google Firebase. I generally prefer an approach where the user isn’t shown the main UI until he is logged in. And if the user logs out, we immediately kick him back to the login screen. Luckily, this isn’t hard to do at all.
Dependencies The only dependency you will need is the Firebase API. You can install this form the Node Package Manager.
How to build a Chrome Extension
What we’re building We are going to build a simple chrome extension that will allow you to search google for any text that you highlight on a page.
Blockchain and Decentralization will NOT fix the Internet
Stop saying that blockchain and decentralizing everything will fix the Internet. There has been a lot of news around Cambridge Analytica abusing Facebook profile data, and Facebook for mining user data without explicit permission. Yes, I agree that these are very bad things that need to be addressed. And I also agree that while Facebook is at the front-lines of this digital privacy war, we could also blame many other companies like Google, Twitter, Amazon, etc for similar practices.
React Native StackNavigator Tutorial
I have spent hours trying to figure out how to actually use the React Native Stacknavigator to navigate between screens. All the tutorials and guides seem to be missing important information, and the official React Native documentation is truly lacking in substance. So I want to save you some headache and give you a quick and easy setup to using the React Native StackNavigator.
You need to Eject If you created your react-native project using the command:
React Context API
I’m sure you have probably heard of the fancy new React Context API. It’s a new way for you to manage application state. If you are building a large react application, you have probably encountered a problem where you needed to access and share data across multiple components. For example, we might have information on the currently authenticated user that multiple components need information on. To solve this issue, you might use a library like Redux or Mobx.
Typescript Getter and Setter
Angular 4 input only numbers Directive
I was working on a project in Angular 4 and needed to implement input fields that only accept numerical values. My first thought was to simply add the HTML5 type=”number” to the input. Unfortunately, this isn’t supported in Internet Explorer 10 and some of the clients would most likely be using Internet Explorer 10. My only other option was to implement a directive. Thanks to this StackOverflow answer, I was able to modify it to my needs.
Implementing Token Interceptor and Retry in Angular 4
If you are building a web application using Angular 4 or Angular 5 there’s a good chance that you might be working with JWT tokens. Luckily, implementing token interceptor and retry in Angular 4 and beyond is very easy thanks to the new HTTP Interceptors. Using this, we can add an authorization header to every outbound request while also implementing a retry mechanism for requests that fail due to an expired token.