Job Listing w/ Filtering (ReactJS + Vite + Tailwind + HTML)

Community feedback

• 

  Fazza Razaq Amiarso•2,320

  @fazzaamiarso

  Posted almost 2 years ago

  Hi ! Nice Solution!

  I have some quick tips for you

  • For deleting item, you can use .filter to avoid array mutation.

  const handleDeleteItem = (itemToDelete) => {
      const updatedItems = selectedItems.filter(item => item !== itemToDelete)
      setSelectedItems(updatedItems);
      setFilterVisible(updatedItems.length !== 0)
    }
  

  • You can utilize spread operator to pass props to a component if the props is the same as the object. Example

  // instead of this
              <Jobs
                key={job.id}
                id={job.id}
                company={job.company}
                logo={job.logo}
                new={job.new}
                featured={job.featured}
                position={job.position}
                role={job.role}
                level={job.level}
                postedAt={job.postedAt}
                contract={job.contract}
                location={job.location}
                languages={job.languages}
                tools={job.tools}
                openFiltered={handleOpenFilter}
  
  // more concise, with the tradeoff of must lookup `job` to know what you passing
  <Jobs key={job.id}  {...job} openFiltered={handleOpenFilter} />
  

  I hope it helps! Cheers!

  00

  Marked as helpful