pitocms

Here are the top 10 best programming languages for 2023, based on various industry reports and surveys:

• 1. Python: Python continues to be one of the most popular programming languages, due to its ease of use and versatility.
  2. JavaScript: JavaScript remains a dominant language for web development and is widely used for creating dynamic and interactive web pages.
  3. Java: Java is widely used for building enterprise applications and has a large community of developers.
  4. C++: C++ is a powerful, fast, and efficient language that is used in many areas such as game development, system programming, and more.
  5. C#: C# is widely used for developing Windows desktop applications and games, and has strong support from Microsoft.
  6. Swift: Swift is a fast and modern language used for developing iOS and macOS applications.
  7. Kotlin: Kotlin is a cross-platform language that can be used for developing Android apps, web apps, and more.
  8. Ruby: Ruby is a dynamic, open-source language that is widely used for building web applications.
  9. Go: Go is a fast and efficient language that is used for building scalable network services and large scale system software.
  10. TypeScript: TypeScript is a statically typed superset of JavaScript that is used for building large-scale applications.

It is important to note that the popularity of programming languages can change rapidly, and these rankings may not be the same in the future. The choice of programming language often depends on the specific project requirements and individual preferences.

This report given on below surveys report 

1. 1. TIOBE Index: The TIOBE Index is a monthly report that tracks the popularity of programming languages based on the number of search engine results.
   2. GitHub Octoverse: GitHub’s Octoverse report provides an overview of the most popular programming languages used on the platform.
   3. Redmonk Programming Language Rankings: Redmonk’s Programming Language Rankings are based on the number of Stack Overflow questions and GitHub projects related to a particular language.
   4. Stack Overflow Developer Survey: Stack Overflow’s annual Developer Survey is one of the largest surveys of developers, and it includes data on the most popular programming languages.
   5. Developer Survey by JetBrains: JetBrains conducts an annual developer survey that includes data on the popularity of programming languages.

In this blog we will follow 2 steps. In first step we will install react js then we will create docker environment. Let proceed.

1st Step :

Once you have Node.js and npm installed, follow these steps to install React:

1. 1. Open your terminal or command prompt and navigate to the directory where you want to create your React project.
   2. Run the following command to create a new React project using the “create-react-app” tool:

npm create-react-app my-react-app

1. 3. Replace “my-react-app” with the name of your project.

Wait for the process to complete, then navigate into the project directory:

cd my-react-app

1. 5. To start the development server and run the application, run the following command:

npm start

6. Open your web browser and go to http://localhost:3000. You should see the default React application running.2nd Step :

Now for docker env , first we will create 3 files

Dockerfile
docker-compose.yml
Makefile

Now make your Dockerfile like below

FROM node:14
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
CMD [ "npm", "start" ]

You can add below code for docker-compose.yml file

version: "3"
services:
  app:
    container_name: react-app
    build: .
    ports:
      - "3000:3000"
    volumes:
      - ./:/app

You can add below code in makefile

# Define the image name
IMAGE_NAME = react-app

# Define the command to build the Docker image
build:
docker build -t $(IMAGE_NAME) .

# Define the command to run the Docker container
run:
docker-compose up

# Define the command to stop the Docker container
stop:
docker stop $(IMAGE_NAME)

Use below command to build container

Make run

Now you should see your react js app in your browser in 3000 port

http://localhost:3000/

We will follow 4 steps to implement JWT token in API

1. 1. Install a package to encode and decode JWT token
   2. Create a public and a private key to verify and for encode JWT token.
   3. Change middleware.
   4. Update login function.Install a package to encode and decode JWT tokenWe will use below package
      Link : https://github.com/firebase/php-jwt
      To install this package you have to give below composer command

      composer require firebase/php-jwt

      Create a public and a private key to verify and for encode JWT token.

      To generate public and private key in project directory we give below commands

      # generate private key
      openssl genrsa -out config/jwt.key 1024
      # generate public key
      openssl rsa -in config/jwt.key -outform PEM -pubout -out config/jwt.pem

 Change middleware

public function getAuthenticationService(ServerRequestInterface $request): AuthenticationServiceInterface

{

$service = newAuthenticationService();

$fields = [

IdentifierInterface::CREDENTIAL_USERNAME => 'email',

IdentifierInterface::CREDENTIAL_PASSWORD => 'password'

];

$service->loadIdentifier('Authentication.Password', [

'returnPayload' => false,

'fields' => $fields,

]);

$service->loadAuthenticator('Authentication.Form', [

    'fields' => $fields,

]);

if($request->getParam('prefix') === 'Api'){

  $service->loadIdentifier('Authentication.JwtSubject');

  $service->loadAuthenticator('Authentication.Jwt', [

     'secretKey' => file_get_contents(CONFIG .'/jwt.pem'),

    'algorithm' => 'RS256',

     'returnPayload' => false

    ]);

}else{

$service->setConfig([

'unauthenticatedRedirect' => Router::url('/login'),

'queryParam' => 'redirect',

]);

$service->loadAuthenticator('Authentication.Session');

}

return$service;

}

Changing login method :

public function login()

{

$result = $this->Authentication->getResult();

if( $result->isValid() )

{

$user = $result->getData();

$privateKey = file_get_contents(CONFIG .'/jwt.key');

$payload = [

'sub' => $user->id,

'exp' => time()+60

];

$user = [

'token' => JWT::encode($payload,$privateKey,'RS256'),

'userEnt' => $user

];

}else{

$this->response = $this->response->withStatus(401);

$user = [

'message' => 'invalid user'

];

}

$this->set('user',$user);

$this->viewBuilder()->setOption('serialize','user');

}

That’s it.