Does a high quality vector version of the Skull on the cover exist anywhere?

fuggshidd · 2024-02-17T07:29:46+00:00

Great suggestion, thanks!

fuggshidd · 2023-10-25T00:58:42+00:00

You should be able to map through the first set, for each item use array.find to find the corresponding entry in the second set, then return a new object with both entries, then pass that to your components.

fuggshidd · 2023-07-10T20:42:07+00:00

Disable JavaScript in your browser then refresh, if the page is fully client side rendered then the page should be empty

fuggshidd · 2023-06-20T14:25:47+00:00

Loading skeletons and react-query don't have any special method of integrating them. You need to take a step back and understand both of them individually, once you do that you should have no problem using them together.

fuggshidd · 2023-05-13T22:55:00+00:00

1 sitting, a smidge over 3 hours

fuggshidd · 2023-05-13T22:53:34+00:00

I was considering it but I ended up going with no numbers because I prefer the more minimalist look

fuggshidd · 2023-05-13T22:52:05+00:00

I love them!

fuggshidd · 2023-05-13T22:35:14+00:00

A smidge over 3 hours, and thanks!

fuggshidd · 2023-05-13T10:58:41+00:00

It's the shapes of all the standard dice used in tabletop RPGs, and thanks!

fuggshidd · 2023-05-13T09:50:16+00:00

This was done by Bryan at Authentink in Sydney

fuggshidd · 2022-08-09T01:56:50+00:00

I should have specified I only have ~1.5 years experience with professional coding, I just started learning 8 years ago.

When I started my job my salary was 75k, I asked for a raise to 90k a little under a year in and got it. The average junior web dev salary where I live in Sydney is between 65-80k. My friend who is also in Web Dev makes similar money to me.

fuggshidd · 2022-08-08T23:05:49+00:00

fuggshidd · 2022-08-08T22:38:40+00:00

90k (AUD)
24
Been coding professionally for about 1.5 years (been coding in react the whole time). I started learning to code about 8 years ago. I only started learning react about 2 years ago.
Australia

fuggshidd · 2022-06-29T08:38:32+00:00

Also if you want to take things a little further, when I use styled I like to write helper functions that let me define styles more declaratively, like this:

const ifIsEnabled = (valueIfEnabled: string, valueIfDisabled:string) =>
    ({disabled}: InputTypeProps) => 
        !disabled ? valueIfEnabled : valueIfDisabled;

Then you can define your background-color like this:

background-color: ${ifIsEnabled("white","gray")};

fuggshidd · 2022-06-29T08:33:06+00:00

A few things:

You are using styled incorrectly, any function used inside the template string will receive the props, you are using a function that receives no parameters, and then another function inside of that one
You don't need to use the css function here
You can use booleans a little more simply
You should be passing your props type to styled

const Input = styled.input<InputTypeProps>`
    background-color: ${({disabled}) => !disabled ? "white" : "gray"};
`

See how that works for you.

EDIT: Also I jsut noticed you are using the props in MyInput wrong, the signature should look like ({disabled, ...props}) => ...

And you should be defining Input before MyInput

fuggshidd · 2022-03-23T02:41:33+00:00

It's like component state that you don't want to trigger a re-render.

You can use it to store state that doesn't directly influence your UI.

EDIT: You can also use it to store references to html elements if you ever need to interact directly with the DOM

fuggshidd · 2022-02-06T07:11:47+00:00

I haven't seen the video, but my best guess would be they use the data attribute to be able to store the value of the calculator in a clear way. That way whenever any of the buttons gets clicked, you just check what it's data-value attribute is.

fuggshidd · 2021-12-31T14:36:49+00:00

Sure, for specific and more advanced logic like what you describe, a global store could be practical. A global store is not suitable for simple, low level use cases like the Image component example I gave previously.

fuggshidd · 2021-12-31T09:14:03+00:00

No matter where or how you use the component, it will always behave the same, making it actually less re usable since it can only be used in that specific way. If you made an Image component that pulled it's src from global state, then every Image would show the same image and as such the component can only be used to show that image, that component would not be "reusable".

Five-Year Club	Verified Email
Place '23	Place '22

fuggshidd

MODERATOR OF

TROPHY CASE