DEV Community: Mulligan81

HTTPS protocol and data encryption

Mulligan81 — Sat, 10 Dec 2022 13:06:18 +0000

It is known, that

In HTTPS, the communication protocol is encrypted using Transport Layer Security (TLS) or, formerly, Secure Sockets Layer (SSL)

My question is - having a simple html login form hosted on the HTTPS enabled server when the user enters the address starting https:// i'm i right that the browser automatically encrypts the login data (login and password) thus allowing for a secure communication (the browser sees the HTTPS as a protocol and understands that the data send HAVE to be encrypted)?

Thx for explanation.

Login system and user credentials

Mulligan81 — Fri, 20 May 2022 14:25:14 +0000

I'm building a Reactapp that requires users authentication (just to be logged in) to access some of the resources. I'd like to persist the user credentials with the secure& HttpOnlycookies. And there is my question: Is it a good idea to make the "is the user logged in" checking on client side (for e.g. by just by examining the document.cookie for login/password cookie) to speed up the app by not engaging the server site just to check if the cookies was set?

React useState unexpected extra render

Mulligan81 — Sun, 08 May 2022 10:14:16 +0000

Taking this simple React counter example:

`const { useState } = React;

function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  console.log("Example")

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(1)}>
        Click me
      </button>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<Example />, rootElement);`

I've intentionally set the setCount handler to just const value for experimental reasons. And there is something very strange to me - the App re-renders the second time when I click the button the second time! (I'm getting Example output on the first and ALSO on the second click!)

My BIG question is HOW can it happen if in the case of the second click the value of the count variable HASN'T changed since the first click!? (by clicking the first time is set to just 1 and the second time ALSO to 1!)

When I click the third time and more it seems to work as expected - there are no further re-renders...

Can someone please explain me the reason of this extra render after the second click?

P.S.

PLEASE don't tell me that the cause of this may be the react strict mode - As anyone can CLEARLY see I'm NOT using the strict mode anywhere!!!

Adding external javascript script to React

Mulligan81 — Tue, 11 Jan 2022 11:07:49 +0000

I'd like to include & run some js file in the React using Helmet component. Here is the simple code:

index.js:

import React from "react";
import ReactDOM from "react-dom";
import { Helmet } from "react-helmet";

import "./styles.css";

function App() {
  console.log("op");

  return (
    <div className="App">
      <Helmet>
        <script src="hello.js" type="text/jsx" />
      </Helmet>
      <h1>Hellok CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

and ultra simple js script to include & run:

hello.js:

console.log("opl882...")
document.body.style.backgroundColor = "red";

But the script seems NOT to work! - i have no console output and/or background color changed. What's odd when I use the js code as an inline code like:

 <Helmet>
   <script type="text/javascript">
     console.log("opl882..."); document.body.style.backgroundColor = "red"
   </script>
 </Helmet>

it works!

Why doesn't the external js file work?

Adding `js` script to the React project.

Mulligan81 — Mon, 03 Aug 2020 08:04:59 +0000

How can i add a simple, classic js script to the react project?
I've tried to add it just by adding
<script src="../src/alert.js"></script>
in the head of the index.html but it seems not to work!