fidaay

class NameForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = { name: '' };
  }

  handleChange = (event) => {
    this.setState({[event.target.name]: event.target.value});
  }

fidaay

[{"af-ZA":"ZAR"},
  {"af-ZA":"ZAR"},
  {"am-ET":"ETB"},
  {"ar-AE":"AED"},
  {"ar-BH":"BHD"},
  {"ar-DZ":"DZD"},
  {"ar-EG":"EGP"},
  {"ar-IQ":"IQD"},
  {"ar-JO":"JOD"},
  {"ar-KW":"KWD"},

fidaay

Nested Routers in Express.js

Express makes it easy to nest routes in your routers. But I always had trouble accessing the request object's .params when you had a long URI with multiple parameters and nested routes.

Let's say you're building routes for a website www.music.com. Music is organized into albums with multiple tracks. Users can click to see a track list. Then they can select a single track and see a sub-page about that specific track.

At our application level, we could first have a Router to handle any requests to our albums.

const express = require('express');

fidaay

const path = require('path')
const { merge } = require('webpack-merge')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')


module.exports = function (config) {
  return merge(config, {
    plugins: [
      new CleanWebpackPlugin(),
    ],

fidaay

import React, { useEffect, useRef } from 'react';
import ForceGraph3D from '3d-force-graph';
//import * as THREE from 'three';
import SpriteText from 'three-spritetext';
const TechGraph = () => {
  const graphRef = useRef(null);
  useEffect(() => {
    const graphData = {
      "nodes": [
    { "id": "JavaScript", "group": "Technology" },