Twitter Message Screen Animation I used react-native-reanimated library created by #swmansion Twitter'in message ekranını kodladım react-native-reanimated kullanarak. Github'dan kaynak kodlarına erişebilirsiniz. Ayrıca twitter be github adresimden beni takip edebilirsiniz. --------- I coded Twitter's message screen using react-native-reanimated. You can access source codes from Github. Also, you can follow me on Twitter and GitHub. https://github.com/burhanyilmaz/twitterAnimations https://twitter.com/burhanyilmazz_ https://www.linkedin.com/in/burhanyilmaz-/ #reactnative #reactnativetutorial #reactnativereanimated #reactnative

dynamic island özelliği ile ilgili react-native-reanimated kütüphanesini kullanarak animasyon oluşturdum react native'de. ilgili repo: https://github.com/burhanyilmaz/dynamic-islands #reactnative #dynamicislands #reactnativereanimated

Yakın bir zaman diliminde tekrar içerik üretmeye başlayacağım. . . . . . . . . . . . #babygirl #babyhands #reactnative #dadlife #parentlife #react #ios #android #burhanyilmaz

Önceki 2 videoda bulunan yapıyı kütüphane haline getirdim ve adını context-multi-language olarak belirledim. Bu kütüphane ile hızlı bir şekilde react ya da react native uygulamalarınızı çoklu dil desteğini kolay bir şekilde ekleyebileceksiniz. Kurulum: yarn add context-multi-language ya da npm install context-multi-language npm: https://www.npmjs.com/package/context-multi-language github: https://github.com/visseon/context-multi-language#readme Bana destek olmak için patreon hesabıma ulaşabilirsiniz. https://www.patreon.com/burhanyilmaz React Context Api https://reactjs.org/docs/context.html useContext https://reactjs.org/docs/hooks-reference.html#usecontext useState https://reactjs.org/docs/hooks-state.html useMemo https://reactjs.org/docs/hooks-reference.html#usememo useCallback https://tr.reactjs.org/docs/hooks-reference.html#usecallback #react #react-native #react-context-api #context-api #useCallback

React Native'de Context Api ile Çoklu Dil Desteği Olan Uygulama Geliştirme 2 Bana destek olmak için patreon hesabıma ulaşabilirsiniz. https://www.patreon.com/burhanyilmaz Bu videoda translations dosyalarının backend tarafında çekilerek nasıl kullanılacağını gösterdim. React Context Api https://reactjs.org/docs/context.html useContext https://reactjs.org/docs/hooks-reference.html#usecontext useState https://reactjs.org/docs/hooks-state.html useMemo https://reactjs.org/docs/hooks-reference.html#usememo useCallback https://tr.reactjs.org/docs/hooks-reference.html#usecallback #react #react-native #react-context-api #context-api #useCallback

React Native'de Context Api ile Çoklu Dil Desteği Olan Uygulama Geliştirme Bana destek olmak için patreon hesabıma ulaşabilirsiniz. https://www.patreon.com/burhanyilmaz Bu videoda context api'yi kullanarak react native ile geliştirdiğimiz uygulamamıza çoklu dil desteğini eklemiş oluyoruz. Context api'nin yanında kullandığım diğer hookslar. Bu hookslara daha önce çektiğim derslerde de değindim. React Context Api https://reactjs.org/docs/context.html useContext https://reactjs.org/docs/hooks-reference.html#usecontext useState https://reactjs.org/docs/hooks-state.html useMemo https://reactjs.org/docs/hooks-reference.html#usememo 00:00 00:49 Giris 00:49 01:10 Google Tasks Uygulamasi Duyuru 01:10 03:00 Create Context and useState #react #react-native #react-context-api #context-api

React Native Hooks Crudful https://www.crudful.com/ Hooks https://reactjs.org/docs/hooks-intro.html useContext https://reactjs.org/docs/hooks-reference.html#usecontext useReducer https://reactjs.org/docs/hooks-reference.html#usereducer useCallback https://reactjs.org/docs/hooks-reference.html#usecallback useMemo https://reactjs.org/docs/hooks-reference.html#usememo Power Mode Eklentisi: https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode Vscode Teması: https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme Linkedin: https://www.linkedin.com/in/burhanyilmaz-/

Crudful https://www.crudful.com/ Hooks (useState, useEffect, useRef) https://reactjs.org/docs/hooks-intro.html https://reactjs.org/docs/hooks-state.html https://reactjs.org/docs/hooks-effect.html https://reactjs.org/docs/hooks-reference.html#useref Power Mode Eklentisi: https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode Vscode Teması: https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme Linkedin: https://www.linkedin.com/in/burhanyilmaz-/

Eslint Kurallari: https://eslint.org/docs/rules/ Eslint Extensions: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint Airbnb: https://github.com/airbnb/javascript

React Native'de Özel Font Ekleme Ücretsiz font bulabileceğiniz siteler https://fonts.google.com/ https://www.fontsquirrel.com/ https://www.1001fonts.com/ * RN Version 0.60 dan küçükse: package.json dosyasına alt kısımda bulunan kodu ekliyoruz. "rnpm":{ "assets": ["./assets/fonts/"] } * RN Version 0.60 eşit ve büyükse: react-native.config.js dosyası oluşturup. İçerisine alt kısımda bulunan kodu eklememiz gerekiyor. module.exports = { project: { ios: {}, android: {}, }, assets: ['./src/Assets/fonts/'], };

React Native'de Tıklanabilir Alanları Büyütme - hitSlop

Vscode: https://code.visualstudio.com/download React Native Tools: https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native