The new way to write components

What are Hooks?

Hooks let you use state and other React features to achieve the same result in a functional component, without writing a class.

Some benefits are that writing functions instead of classes can have a great impact on performance and readability of the code. Plus, you don't need to reference the ‘this’ key word all over the place.

React hook rules

  • You can…


What is WebView

Using WebView on Android without using Cordova

The first thing we are going to do is create a new Android project using Android Studio. Select ‘File’ -> ‘New’ -> ‘New Project’ from the menu. …


Part1 _ AWS

First things first, sign up to AWS.

Before creating the Database, we need to ensure that we’re creating it under the most appropriate region, in our case, the closest one to home is the eu-west-2, which corresponds to London.


Accessing your State attributes in React can be confusing at times. I recently found myself in a bit of a pickle and discovered React Developer Tools extension. This allows you to see the state or props of components in real-time!

React Developer Tools

Install the React Developer Tools extension for Chrome or FireFox. It allows you to inspect React component hierarchies within the developer tools — the same way you would peek at the DOM elements, console, or network.

Inspecting React Components

  1. Open your app and inspect the page with developer tools (Command+Option+I).
  2. Select the React Developer Tools

3. Pick a component in the tree to…


My favourite React UI library is ant.design. The components are of high quality and flexibility. However I’ve noticed that if you are not familiar with this library, trying to use some of their components can take a while to figure out.

Especially the Icons.

So this is how you can use Ant Designs Icons in your react application.

First: Install the library.

Then install:


2 weeks after my first Hackathon, i was geared up to do another one with Facebook.

We had 2 days, which consisted of 12 hours on the first day and 6 hours on the last day. The goal of this Hackathon was :

  • To build intelligent chatbots on the Messenger Platform by the use of a PyTorch back-end.
  • ** The solution can cover any (useful) area of modern life. There are only two requirements: **
  • Make the bot accessible through the Messenger Platform (in addition feel free to add other channels if you desire)
  • Let PyTorch power a significant part…

Last weekend I participated in an annual Hackathon hosted by the Nomura and the Hackathon Society ‘Hack:startup’. It was My first Hackathon and was truly a great experience.

During these intense and exciting 12 hours my teammates and I worked on building an intraday flow app that will highlight the volume in DV01 terms per bond category and how they are being traded. It could show historic trade’s and differentiate the volumes traded by Hedgefunds* vs Real Money*.

The monitoring of the EuropeanGovernmentBonds trade volumes and market trends by Sales, would enable them to advise their clients of any potential…

CodeByCrystal

Computer science graduate 2021. 1 year technology placement in investment banking. Full stack:ReactJS, JavaScript, NodeJS,Flask,SQL, AWS Crypto enthusiast

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store