Weekly Update of Me: Week 2 (What I've learned, what did I do and the links I've found)

Hi everybody! I've started to share weekly updates of me. You can find following topics inside:

• What did I learn previous week?
• What did I do during the week?
• Links that I've found useful

You can also reach that contents on my website
https://www.selahattinunlu.com/weekly-updates/week-2

You can also check the first week using following link:
https://www.selahattinunlu.com/weekly-updates/week-1

Enjoy 🥳

What I've learned previous week?

Browserlist on package.json

My friend has realized that one of the website he built was not working well on Safari 12.
He had used Tailwindcss 3 to style the website and Tailwindcss3 targets to Safari 14+.

So I was looking for a solution to help him and I found of course 😬
The solution was adding "browserlists" into the package.json. Honestly I did not expect it to works
but it did 🥳😅

// package.json

{
  .
  .
  .
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all",
      "last 3 safari version" // <-- this is the solution
    ]
  }
}

• https://create-react-app.dev/docs/supported-browsers-features/#configuring-supported-browsers
• https://www.youtube.com/watch?v=F2N-evGOcxc
• https://github.com/browserslist/browserslist

Manipulate fetched data in react-query

We use react-query most of our projects in Swiftmade. I was looking for a way to manipulate the data already fetched
without refetch. I've found this solution: https://react-query.tanstack.com/reference/QueryClient?utm_source=pocket_mylist#queryclientsetquerydata

const queryClient = useQueryClient();
const data = {...};
queryClient.setQueryData('query-key-here', data);

What did I do during previous week?

• I was working on the projects in Swiftmade. We've completed redesigning of Wrkland's website. It's not released yet 😬
  I'm looking forward to share it here when it's released. 🥳 We had built a booking system for them last year. You can check it out for now https://booking.wrkland.com

• Apart from my daily tasks, I've built a side project in a day 😅
  I was using a service to share my all links in a single page. But it's gone I don't understand why 🥺
  Then I've decided to built a simple one instead. 🥳

  • https://heremylinks.com/selahattin
  • https://heremylinks.com

• I've published a new programming tutorial for my Turkish audience (Let's build a Twitter Clone 👀)

  • https://www.youtube.com/watch?v=b2k6MoC3YNU

Links

• https://calendly.com/ - Easy scheduling ahead
• https://supabase.io - Open source Firebase Alternative (Btw I've used supabase's database for heremylinks)
• https://www.refactoringui.com/ - Great tips on UI/UX
• https://error404.fun/ - Royalty free illustrations for pages
• https://invoice-generator.com - Invoice generator
• https://www.youtube.com/watch?utm_source=pocket_mylist&v=0zmYHn82cY8 (Fastest way to deploy a database)