Let's Encrypt is a free, automated, and open certificate authority brought to you by the nonprofit Internet Security Research Group. The web is fast turning to a battleground where the good guys are working extremely hard to ensure that the bad guys are kept away from hacking, conning, and ransoming online facilities and data. The best weapon deployed to ensure this is Encryption. Encryption helps us in building trust for our web system. In fact, HTTPS provides just that. However, a website needs to get a free SSL certificate from the Certificate Authorities to use the Encryption. What Is it? Let’s Encrypt will only issue you the file if you have control over your domain. To do this, you can use a software client that utilizes the Automatic Certificate Management Environment (ACME) protocol. That you have a free SSL certificate means that your communication has end-to-end encryption. With that, when files are transferred between a web server and the users, they become unreadable to anybody who tries to intercept them. Also, no one can tamper the files Why A Certificate Authority Is Important? The primary assignment of the Certificate Authority The authenticity of an SSL certificate is being verified and validated using cryptography. Browsers and operating systems make use of a directory of trusted Certificate Authorities to ensure that the site certificates are authentic. In the past, this authentication was always being paid for. But now, Let’s Encrypt is offering the automated creation of all free SSL certificate for everybody. They are able to do this with the funding they get from donors and sponsors. How Let’s Encrypt Does its Thing The ACME protocol that is being used by Let’s Encrypt involves how clients and servers interact together when confirming domain ownership and asking for certificates. Very soon, it will get the recognition of an official IETF standard. How Let’s Encrypt Work for HTTPS Let’s Encrypt gives free SSL certificates that are domain validated. This means that after you make a request for free https certificate, Let’s Encrypt ensures it is the person in full control of the domain that makes the request. A token is sent to the client to create a key. The domain provider will thereafter provide this through DNS or web. How Let’s Encrypt Work for HTTP For HTTP, the process is a little different. The client generates the key using an account token and also a unique token. The result will be transferred to the file made available by the web server. Let’s Encrypt servers then get the file from the address. Once it is established that the key matches, the client has proved domain control and can get a free SSL certificate. The ACME protocol can list some tests that a client can utilize to verify the ownership of the domain. The client then creates a self-signed certificate that includes the key. Let’s Encrypt Certificates Update Once you get Let’s Encrypt SSL certificate(s), it is valid for 90 days. After this period, the certificate needs to be renewed so as to ensure that the encryption remains active and working. By default, the updated SSL certificates that you request for can be automatically applied 30 days before the expiration of the current validity period.

calling recoil inside a function

AnotherJobs

I am trying to create a like button function in my react app.

Main challenge is that i need to handle like function depending on the login status of the user.

In my component:

import {LikeApi} from "../api/likeApi"

const myComponent = ({prodKey}) =>{
  const likeHandler = ()=>{
    const res = LikeApi(prodKey)
  }
  return (
  <button onClick={likeHandler} />
  )
}

In my Likeapi "module" (im trying to make this into a resuable module"):

import { useRecoilValue } from "recoil";
import { isLoggedInAtom } from "../recoil/AtomUser";
import { useNavigate } from "react-router-dom";

export const LikeApi = (prodSeq) => {
  const navigate = useNavigate();
  const isLoggedIn = useRecoilValue(isLoggedInAtom);
  console.log(isLoggedIn);
  if (!isLoggedIn) {
    navigate("/login");
  } else {
    return isLoggedIn;
  }
};

These are my basic setup.

when user clicks like button, likeApi module checks the login status from recoil (state management) if user is not logged in, then navigate to login page. eventually i will send api request to backend

The problem is:

directly calling recoil in my component works

  import {LikeApi} from "../api/likeApi"

const myComponent = ({prodKey}) =>{
  const res = LikeApi(fileSeq)
  return (
  <button onClick={likeHandler} />
  )
}

But when i place LikeApi module (function) inside the button function, i get an error:

import {LikeApi} from "../api/likeApi"

const myComponent = ({prodKey}) =>{
  const likeHandler = ()=>{
    const res = LikeApi(prodKey) 
    // throws an error
  }
  return (
  <button onClick={likeHandler} />
  )
}

The error message is: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app

My question is: Is it not possible to get recoil value as i click a button? Should i always first get recoil value (login status) only inside the component.