Bildiğiniz gibi React ekibi 18 sürümü üzerinde çalışıyor. 15 haziran tarihinde React’in gelmiş olduğu son durumu bir yazı ile güncelleme geçtiler (https://reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html). Bu yazımda da güncellemeden edindiğim notları sizlerle paylaşacağım. Server Components 2020 Aralıktaki deneysel bir demo yapmışlardı ve ben de bu güncellemeleri devnot kanalında aktarmıştım: https://www.youtube.com/watch?v=X-_0ACXSE9I&t=2726s

In November of last year, I spoke about React Native JSI architecture. And in this article, I will talk about the new architecture and how to use it in our projects. But first of all, we need to mention old React Native Architecture. How old React Native Architecture works As some of you know, in React…

In React Applications, we may want to test some network requests and sometimes we cannot even reach to server. Therefore we need to mock global.fetch to test network requests properly. Lets say we have a component that renders GitHub user when user clicked the Get user button:

Sometimes you push your changes in PR and code owners may want you to squash commits. So how we squash commits that have been pushed? First of all, we need to rebase last commits. For example let’s say we want to squash 3 commits as one: git rebase -i zafer/fix_bug~3…

In JavaScript, there is no obvious method for removing elements from an array. There is a pop() function that exists but it only removes items from the end of an array. The old but gold splice method can remove items from the specified index. We can use it like fruits.splice(itemIndex…

In Expo projects, eslint and prettier are doesn’t configured by default. So we need to configure ourselves. For this reason, Expo team made a package named eslint-config-universe to configure these tools. Lets begin how to configure this package to our project. Installation We can add eslint-config-universe for development dependices as below: …

Önceki yazımda React Native’in yeni mimarisinin ne gibi özelliklere sahip olacağına değinmiştim. Aradan yaklaşık 1.5 yıl geçtikten sonra yeni mimarinin yapısı giderek olgunlaştı ve reanimated gibi kütüphaneler de geçiş yapmaya başladı. React Native EU 2021 konferansında sektörün önde gelen isimleri React Native’deki yeni mimariden ve diğer yeniliklerden bahsetti. Bu isimlerden…

Özellikle React projelerinde karşılaştığımız Jest, Facebook firmasının geliştirmiş olduğu bir Javascript test kütüphanesidir. React kodunu test etmek için biçilmiş bir kaftan olmasının yanında herhangi bir JavaScript kodu için de kullanılabilir. Bu yazıda Jest ile ilgili temel bilgilere değineceğim. İsterseniz Jest’in projeye kurulumuna başlayalım. Kurulum Mevcut React projelerinde dahili olarak gelen Jest’i…

Mevcut React Native uygulamanızda yer alan bir iş akışınızı, başka uygulamalar ile de paylaşmak için, uygulamanın bir kısmını library haline getirmek isteyebilirsiniz. Native tarafta library oluşturma ve yönetme işleminin, normal uygulama geliştirimine göre bazı zorlukları bulunurken, ek olarak bir de React Native ile entegre çalışacak şekilde bir ürün ortaya çıkarmak…