DEV Community: Richard

react-router-dom question: should I wrap BrowserRouter around strict mode?

Richard — Sun, 02 Jan 2022 17:03:30 +0000

Solved: why does my website stop working after I make a push to github?

Richard — Sat, 01 Jan 2022 07:02:50 +0000

My personal website was working fine... until I made some updates in VScode and pushed it. After that, I got a 404 error when I tried to access my website. After I got back from work, hours later, the error was still there -- my website was down. So I went to my github repo -- the one that consists of my personal website -- and I went to settings > pages. Curiously, I discovered that the field under 'custom domain' was blank! This was strange, because I was certain that I had already entered in my custom domain (www.richard-ng.com). Anyway, it wasn't there now..only a blank field. So, I entered my domain and pressed save. A minute or so later, I tested my website -- the 404 error was gone, and my site was back!

In the pages section, github still complains that my site is improperly configured...but it works fine! It is something to worry about?

Thanks for reading! Let me know if this helped you.

react-router-dom question: After I setSearchParamaters, why does searchParamaters.get fail to retreive current value?

Richard — Sat, 18 Dec 2021 19:17:08 +0000

import { useSearchParams } from "react-router-dom";

//in the component:
const [searchParams, setSearchParams] = useSearchParams()

//in the render section:
<button
        onClick={() => {
          setSearchParams({
            filter: "alligators",
          });
          console.log(searchParams.get("filter"));
        }}
      >
        setSearchParams and view the value
      </button>

After I click the button, I do not see 'alligators' logged! Instead, what gets logged is the previous filter value. In order to actually see 'alligators', I have to press the button twice. Why doesn't it work the first time I click it? Thanks!

It makes a difference whether you include '>' in your css selector

Richard — Thu, 16 Dec 2021 21:18:27 +0000

Regarding css selectors, I learned that there is a difference between ".parent-element > .child-element" and ".parent-element .child-element.". Notice how one version includes a carrot. If you use the carrot, it means you are targeting DIRECT children of the parent element. If you omit the carrot, then you are targeting ANY children under the parent element, regardless of whether it is a direct child or not.

Goal 1 accomplished: A personal website.

Richard — Sat, 11 Dec 2021 21:37:20 +0000

I finally put up my personal website! It's fairly simple and it uses HTML tables 😆 to display my education and work experience, but considering that I returned to coding just a week ago, I feel like it's a good starting point. What do you think?

https://richardkentng.github.io/my-site/

I think I should also purchase a custom domain so that my site's URL will look more professional. Does anybody know a good resource on how to do that? Thanks!

Edit: I have my own domain now!: https://www.richard-ng.com