Aurélien Cabirol

Latest solutions

• 

  React + Styled Components + Debounce search

  #react#styled-components#swr#typescript#vite

  ---

  

  Aurélien Cabirol•130

  Submitted 8 months ago

  I used the handleChange function to check if the input is empty or not, this is the function :

  function handleChange() {

  if (!event.target.value) {
    setInputError('Whoops, can’t be empty…');
  } else {
    setInputError('');
  }
  
  setWord(event.target.value);
  

  }

  I think there is a better way to do this. Actually, the network request will be made, even if the input is empty.

  ---

  1 comment2 likes
• 

  Bmi calculator - React & Styled Components

  #react#styled-components#typescript#vite

  ---

  

  Aurélien Cabirol•130

  Submitted 9 months ago

  • How to create the Limitations of BMI section correctly, with the grid tool?

  ---

  1 comment0 likes
• 

  Accessible FAQ accordion

  #accessibility#react#styled-components

  ---

  

  Aurélien Cabirol•130

  Submitted 10 months ago

  ---

  0 comments1 like
• 

  React / React Hook Form / Styled Components

  #react#styled-components#typescript#vitest

  ---

  

  Aurélien Cabirol•130

  Submitted 10 months ago

  I need some review on my layout and the custom input :

  • My TwoColumns component is a good solution?
  • My custom radio and checkbox input are good? I first create the icon myself with before and after element, but then I switched to use an svg icon with background property

  ---

  0 comments0 likes
• 

  React + Styled Components

  #react#styled-components#vite

  ---

  

  Aurélien Cabirol•130

  Submitted 11 months ago

  For example, I have this global css variable : --spacing-xs: 12px;

  If I want tu use it : padding-top: var( --spacing-xs);

  But what if I want to have em instead of px? I tried something like this: calc((var(--spacing-xs) / 16px) * 1em) But it didn't work.

  ---

  0 comments3 likes
• 

  React + Styled Components

  #react#vite#styled-components

  ---

  

  Aurélien Cabirol•130

  Submitted 11 months ago

  I'm not sure about my List component. Can I improve it? An alternative?

  ---

  0 comments4 likes