- Видео 20
- Просмотров 142 349
Coding with CharismaAji
Добавлен 18 дек 2017
NO CODE AT ALL for create backend authentication using express typescript
This video show how create authentication using express typescript but without code at all. I don't even write a single code for this
If you have any question, feel free to comment below. Thanks
If you have any question, feel free to comment below. Thanks
Просмотров: 86
Видео
Mastering React Native Authentication: Architecture, Token Storage, Redux and Axios Interceptors
Просмотров 2,6 тыс.6 месяцев назад
This is the best way for doing authentication with Dummy JSON API. If you have any question feel free to write down below or you can email me. - Github: github.com/charismaaji/authentication-dummy-json - Dummy JSON API docs: dummyjson.com/docs/auth I also open for remote working, so if you have opportunity, feel free to reach me out. Thanks! my email: charismakurniawan@gmail.com
Refactoring React Native Apps Using Custom Hooks
Просмотров 2817 месяцев назад
Learn how to refactor your React Native app for better code quality! In this video, we'll cover: 1. Custom Hooks: - Manage state and functions efficiently. - Examples of custom hooks for API calls and form handling. 2. Separating Styles: - Move styles to a separate stylesheet. - Best practices for scalable styling. Watch now to take your React Native skills to the next level! Like, share, and s...
Boost React Native Performance with useCallback, memo, and useMemo
Просмотров 1357 месяцев назад
Are you looking to enhance the performance of your React applications? In this video, we'll dive deep into three powerful hooks: useCallback, memo, and useMemo. These hooks can significantly improve your app's performance by optimizing rendering and minimizing unnecessary re-renders. What you'll learn: The basics and importance of useCallback, memo, and useMemo. How useCallback helps in prevent...
Clean Architecture: Level up your coding skill for Frontend Development on React and React Native
Просмотров 23 тыс.Год назад
In this video, learn how to architect robust and scalable React and React Native applications using Clean Architecture. From understanding the core principles to implementing the layers of application, domain, infrastructure, and presentation, you'll gain the skills needed to elevate your frontend development from junior to middle or senior level. If you have any question or need my service, fe...
Redux tutorial on React Native with Typescript, Redux toolkit, and custom hooks
Просмотров 3,8 тыс.Год назад
Started project link: github.com/charismaaji/ReduxTutorial If you have any question, you can also contact me. - Email : charismakurniawan@gmail.com - Instagram : charismaaji #react #reactnative #redux #reduxtoolkit #typescript #globalstate #javascript #customhooks
React Native FBReactNativeSpec 'value' is unavailable: introduced in iOS 12.0
Просмотров 2,2 тыс.Год назад
In this video, you will be able to fix this error on React Native. Here's for link who solved this error: github.com/facebook/react-native/issues/34106#issuecomment-1188225587 If you have any question, you can also contact me. - Email : charismakurniawan@gmail.com - Instagram : charismaaji
Why Zustand is the Easier State Management Solution for React and React Native Development
Просмотров 606Год назад
In this tutorial series, we'll explore how to use Zustand, a state management library for React and React Native that can make your development experience easier and more efficient than ever before. We'll dive into how Zustand's key-value store simplifies state management, and compare its ease of use to Redux, another popular state management solution. You can also create custom hooks that can ...
Creating a Custom Shopping Cart in React and React Native: A Step-by-Step Guide
Просмотров 2,6 тыс.2 года назад
- Learn how to create a sleek and professional shopping cart experience in your React and React Native apps. With this step-by-step tutorial, you'll learn how to add and remove items, select and deselect all items, calculate the total price, and adjust the quantity of items. Plus, you'll discover how to implement this functionality in a way that's both user-friendly and visually appealing. Don'...
Junior mistake while create useState, here's a better way to make react native clean code!
Просмотров 4762 года назад
Here's best way to create state for each component. Instead of create each state for each component, it's better to create 1 state and make it simple For link GitHub : github.com/charismaaji/CleanState If you have any question, feel free to ask me on : - Instagram : charismaaji - Email : charismakurniawan@gmail.com Thank you! #reactnative #ios #android #react #javascript #juniordeveloper #usestate
React Native [AxiosError: Network Error] HTTP Fetching iOS and Android
Просмотров 27 тыс.2 года назад
React Native cannot fetching using HTTP, so need HTTPS for fetching API. Here's some short tutorial for fix that porblem. For link GitHub : github.com/charismaaji/LoginValidation If you have any question, feel free to ask me on : - Instagram : charismaaji - Email : charismakurniawan@gmail.com Thank you! #reactnative #ios #android #axios #http #https
React Native Axios, AsyncStorage and JSON Web Token (JWT) for Login Authentication
Просмотров 62 тыс.2 года назад
Login using JSON Web Token or JWT and then we save token into AsyncStorage. So after user login, user don't need to input email and password anymore. It will auto navigate to another screens. If you have any question, feel free to ask me on : - Instagram : charismaaji - Email : charismakurniawan@gmail.com Thank you! #reactnative #reactjs #javascript #jsonwebtoken #jwt #asyncstorage
Move to another screens React Native Navigation with industry standard structure folder
Просмотров 5192 года назад
This is how to move to another screens on React Native with standard Industry structure folder Here's the link for GitHub link : github.com/charismaaji/ReactNativeNavigation If you have any question, feel free to ask me on : - Instagram : charismaaji - Email : charismakurniawan@gmail.com Thank you! #reactnative #navigation #reactnavigation #javascript
React Native Login validation for email format and password regex
Просмотров 14 тыс.2 года назад
This is basic validation for React Native before user hit button login, need to check email format and password format. If you have any question, feel free to ask me on : - Instagram : charismaaji - Email : charismakurniawan@gmail.com Thank you! #reactnative #javascript #validation #regex #login
Responsive Size for React Native
Просмотров 4592 года назад
If you have any question, you can just put on comment below or if you want to ask me directly, you can ask me via : * Instagram : charismaaji * Email : charismakurniawan@gmail.com #reactnative #responsive #mobileapp #javascript #tutorialcoding #tutorial #english
Cara / Tutorial Custom Fonts React Native IOS
Просмотров 1,4 тыс.2 года назад
Cara / Tutorial Custom Fonts React Native IOS
Cara / Tutorial Custom Fonts React Native Android (2022)
Просмотров 4232 года назад
Cara / Tutorial Custom Fonts React Native Android (2022)
Project Overview Mobile App using React Native create FashionApp Marketplace
Просмотров 6932 года назад
Project Overview Mobile App using React Native create FashionApp Marketplace
thank you for this tutorial ! greatings from Argentina
Thanks for sharing kak,
Man you'r so good !
Mas Aji punya twitter, atau ig gak yaa? pengen follow😅
ig saya @charismaaji hehehe
to all who are suffering, please add this in you headers 'content-Type': 'multipart/form-data',
where is my navigation ?
Your english is good my brother! Well done.
how to do it for xcode cloud
use redux toolkit... nobody uses redux now
Create another video please, using clean architecture please
Soon! For now I'm a little bit busy doing my work, so sorry about this
what's wrong with his video?
Excellent Video ! watched many other videos but none can compare to the explanation of this one, keep it up with the good work !
Wow you grammar is good, happy banget mgedengerin nya gua kira chanel bule
@@mohammadrafialbar8231 thank you ma bro 🙌
Hi, that's great, but where i should to store my hooks (for example like useUsers with fetching and setting user data)?
You can create hook folder on every screen folder. Usually every screen has different call api and functionality
Then you should also have api for each screen why do you put that under infrastructure?
Great content by the way. I think it would be nice if you can show us an actual implementation of it, like how to wire those things up and see it working so that we have clear view and understand it fully.
Thanks for the video. Can you please tell me if you have a ready-made application in github with a proper architecture where I could learn all the details?
I really like what you did
How to do it in Expo?
source code
bang minimal tambahin cara manggil JSON di postmannya itu gimana walau cuma 1-2 menit, ini bingung juga soalnya pas ngelihat tutornya, react nativenya paham, tapi database managementnya ini bingung
Great tutorial, man. No need to be sorry about your English tho! Pretty spot on on the explanation! Thanks for the help!
it would be really great if you could publish a github repo :(
my base url is https, but i have same error
u haven't pushed the code to github yet
THIS WORKS THANNKS!!!
Very good stuff. Helped a lot, thank you :)
not worked
ok
thank you, it is awesome structure. can you specify name of structure?
either is the clean architecture as in the description, or its the layered architecture
Great video! Please make more.
Good video, would be nice to do a refresh token flow when access token expires and you have to refresh again to maintain session
naisss bro
where do you put the entities that are only for api communication ?
In the infra folder. They are likely just DTOs for some external API (that is more volatile), so should be isolated in that single place.
indonesian accent wkwkw
thank you for the example folder structure and file names! this is the first video I've seen that was really clear on a real example. your english was better than a lot of other native english speakers LOL. thank you!
Yang di tunggu JWT nya 😢, kenapa yang dijelaskan malah form loginnya.😭
github link
Wow waw wow
link github??
Thanks
make video on mvc and mvvvm also
Awesome 👏
I have can not speak Indonesian , but i have follow your steps and it's working for me. thanks
Great video!
Thanks!
🎉 please create a project with clean architecture with - typescript - simple crud api - zustand instead of redux - async storage
Sure, and also I will add secure-storage for save the token!
@@charismaaji please
@@charismaaji also do proper error handling, like one place to handle all kind of error
it worked me. Thanks
Thanks, solved here!
Could you please share us some resources to learn clean architecture, preferably with testing
Sure, soon video will create simple apps!
it worked, thanks!
thanks for this,
React Native Drawer Navigation not working so please make a video.