Version 1.0.0 i,  1 yıl önce yazdım yani markete yüklenme tarihi 02.01.2020 sonra bunun kodlarını backend tarafını github a yedekledim. 1.5 yıl sonra video oynatıcı ve bazı geliştirmeler eklemek istiyordum ama tekrar derleme sırasında sürekli hatalar aldım, bi ara android de stabil bir şekilde ayağa kalktı ios da çalışmadı.

Bazı paketlerin versiyonları özellikleri değişmiş bazı özellikler DEPRECATE olmuş. 

Yeni ekleceğim paketlerin eski react native ile uyumluluk sorunları var, eski sürümünü yüklersem bazı işletim sistemlerinde çalışmama sıkıntı vardı bunun bu versiyonda stabil çalışmayan bazı paketler şimdi stabil olmuş böyle sıkıntılar oluştu.

Kullandığım Native Base  paketi çok değişmiş eski kullandığım bazı compenentler kalkmış bazı compenentler ise eskiden çok uğraştırıyordu son versiyonda kullanımı daha kolay hale gelmişler.

React Hook çıkmış,  React native class yapısından fonksiyonel programlamaya geçmiş artık daha temiz kod ve daha kolay test geliştirme yapma imkanı olmuş.

Bu arada react native tecrübem 9 ay.

Kodlarımı incelediğimde ise ilk yazdığım sistem olduğu için yeteri kadar Clean Code değildi, bazı kodların ne yaptığını hiç anlamadığım yerler oluyordu bu bence react native in kod okunabilirliği yeterince iyi değil okunabilir kod için herşeyi fonksiyon olarak yazın.

Peki projeyi kurtarmak için ne yapabilirdim?

1- Projeyi ayağa kaldırıp eklemek istediğim paketlerin ihtiyacım olan versiyonlarını bulup bir şekilde sisteme ekleyecektim aynı şekilde bazı işletim sistemi versiyonlarında çalışmamasını da önemsemeyecektim.

2-  her şeyi tek tek düzenleyip deprecate olan özellikleri ve paketleri yeni versiyonlarına dönüştürecektim.

3- Yeni baştan yazacaktım.

Peki ne yaptım 

1 ve 2 olmuyordu çok fazla zamanımı alacaktı ve flutter’ı düşündüm ama o dili bilmiyordum, native base paketinin çok fazla değişikliği olmuştu ve deprecate yapmak maliyeti çok çok fazlaydı.

Bende yeniden yazmaya karar verdim. 

REACT NATİVE yazarken mutlaka yapmanız gerekenler 

Kesinle kullanacağız arayüzlerin içinde fetch ve hook falan olmadan sadece Css ile  MOCKUP hallerini yazın, yeni versiyona geçerken bunun çok faydası oluyor.

Mümkünse test yazın.

herşeyi daha anlamlı klasorleme yapın.

En küçük özelliği bile fonksiyon içine alın CLEAN CODE yazmaya çok dikkat edin, anlamlı commitler ve commentler  olsun, bu şeklde çok fazla özelliği yeni versiyonlara taşımanız çok kolay olacaktır.

Karşılaştığınız her hatayı ve nasıl çözdüğünüzü yedek alın bu konuda anlamlı git commit oluşturun. gist de yazılabilir.

Backend tarafını komple yedek alın.

Enpoint için ben postman ile çalışıyorum, Postman kodlarının çıktılarını Export yapın, postman yedekleri olsun.

@"%SystemRoot%System32WindowsPowerShellv1.0powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%chocolateybin"

choco install -y nodejs.install python2 jdk8

devamı https://www.techomoro.com/how-to-install-and-setup-react-native-on-windows-10/

https://medium.com/@selmantunc/react-native-android-apk-derleme-f7066a4d4da5

• Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.

• Babel JavaScript
  

JavaScript syntax highlighting for ES201x, React JSX, Flow and GraphQL.

• Change Case Extension for Visual Studio Code

A wrapper around node-change-case for Visual Studio Code. Quickly change the case of the current selection or current word.

•  Color Highlight

This extension styles css/web colors found in your document.

•  Darcula IntelliJ Theme

“Document This” is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.

• GitLens — Git supercharged

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

•  Guides

A Visual Studio Code extension for more guide lines

• HTML Format 

Formats HTML documents by auto-indenting, wrapping and removing unnecessary whitespace while preserving newlines.

• IntelliJ IDEA Keybindings

Port of IntelliJ IDEA key bindings for VS Code. Includes keymaps for popular JetBrains products like IntelliJ Ultimate, WebStorm, PyCharm, PHP Storm, etc.

• Lorem ipsum 

Generates and inserts lorem ipsum text into Visual Studio Code.

• Markdown Preview Enhanced

• Material Icon Theme

The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.

• Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

• React key generator

Create static React keys for your project!

• React Native Tools

• TODO Highlight : Highlight TODO, FIXME and other annotations within your code.
• GUIDES: A Visual Studio Code extension for more guide lines

• Version Lens

Shows package version information for npm, jspm, dub and dotnet core in the Visual Studio Code editor.

• vscode-icons

• Import Cost

This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.

https://reqres.in/

https://jsonplaceholder.typicode.com/

http://dummy.restapiexample.com/

https://fakerestapi.azurewebsites.net/

https://www.mocky.io/

https://beeceptor.com/

http://www.somaku.com/

news 

https://newsapi.org/

https://developer.wordpress.org/rest-api/

https://developer.wordpress.org/rest-api/reference/

https://gist.github.com/aikusuma/844029a7c9d2af4db15364624c4ab86e

https://devhints.io/rest-api

https://code.tutsplus.com/tutorials/wp-rest-api-retrieving-data–cms-24694

WP PLUGİNS

https://github.com/WP-API/Basic-Auth

https://wordpress.org/plugins/jwt-authentication-for-wp-rest-api/

https://wordpress.org/plugins/wp-rest-api-controller/