Weekly Update of Me: Week 2 (What I've learned, what did I do and the links I've found)
Tags: devjournal, writing, webdev, learning
Published: 2022-01-06 08:46:23

---
title: Weekly Update of Me: Week 2 (What I've learned, what did I do and the links I've found)
published: true
description: 
tags: devjournal, writing, webdev, learning
//cover_image: https://direct_url_to_image.jpg
---

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](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](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 🥳😅

```json
// 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](https://swiftmade.co). 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

```javascript
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](https://swiftmade.co). 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/selahattin)
  - [https://heremylinks.com](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](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)