Nadir Hussain
Nadir Hussain
  • Видео 44
  • Просмотров 120 387
How to avoid disruptions in user experience of React Native apps
This video covers three use cases which usually cause disruption in user experience. These use cases include
i) when navigating from one screen to other and loading data on new screen
ii) when searching flatlist while user is typing in TextInput
iii) when switching among different tab based components
Solutions to these scenarios have been discussed in this video.
Просмотров: 1 584

Видео

Optimising rendering in React Native apps
Просмотров 4,2 тыс.21 день назад
This video is going to help you to prevent unnecessary re-rendering of components and hence improve responsiveness of your React Native application. In this video, you will observe rendering times and rendering count of components in react-devtools flamegraph. Then I am going to apply all theory of performance optimization in a real Flatlist. You will see that how I resolve issue of getting bla...
Measuring performance of react native application
Просмотров 4,8 тыс.Месяц назад
As React Native application grows, there are chances that its performance becomes slow. It is important to have hands-on experience of tools that measure performance of react native application. In this video, I am going to discuss that what parameters are important for measuring the performance. Then I discuss that how react performance monitor tool of React Native and react-devtools help us t...
RTKQuery in real React Native Project
Просмотров 7 тыс.Месяц назад
This video will make RTKQuery integration easy for you. You are going to see scalable and clean architecture of api integrations in React Native project. I go through all steps of setting up RTKQuery and cover all use cases. You are going to learn that how to use injectEndpoints to avoid mess in a single file. You will also see that how customization of basequery will help you to handle refresh...
React Context API and its real use cases
Просмотров 1,7 тыс.Месяц назад
React Context API is a light weight solution to share some state across components. In this video, you are going to see that what are underlying working principles of React Context API. How does it differ from Redux. In what sort of use cases one need to choose React Context API over Redux.
Redux toolkit integration in real react native project
Просмотров 9 тыс.Месяц назад
Redux is a popular state management library in React and React Native projects. This video makes it easy for you to understand basic concepts of Redux. You will quickly make mental model that what is a store , actions and reducers in Redux architecture. You may go through below link to understand it further dale-.github.io/images/getting-started-with-redux/redux-workflow.png After introducing y...
Using storybook in React and React Native
Просмотров 7 тыс.Месяц назад
In order to build scalable user interface components, it is necessary to document them. Storybook helps us to achieve this. All stakeholders of your react and react native products can provide you feedback by testing your design from storybook. This video guides you that how can you setup storybook in your react and react native projects. Moreover, how will your write stories. What are stories ...
Styling User Interface in React and React Native
Просмотров 10 тыс.Месяц назад
Styling user interface in React and ReactNative requires three things i) Choosing styling library ii) Configuring theme and theme provider iii) Crafting reusable components This video is going to guide you that how to choose a styling library for react and react native UI. Which option is going to be best for your project. Secondly in this video I show you practically that how to evolve archite...
Utility Types and how to use Javascript third party libraries with Typescript
Просмотров 2,2 тыс.Месяц назад
Utility types in typescript are important to refine other types in Typescript. Some of frequently used utility types are Record, Omit and Exclude. Another important concept is type definition files. These type definition files help us to take advantage of Typescript static analyzer and autocompletion with Javascript third party libraries.
Advanced typescript - Structural type system and Generics
Просмотров 1,9 тыс.Месяц назад
In this video I have discussed structural type system, Generics and use of Extend keyword for narrowing down types. Structural type system just checks structure of types and does not checks names. Generics help us to avoid repetition. Generics are an advanced concept in Typescript that help engineers write compact code. Practical hands-on examples are part of this video that help to understand ...
Union types and difference between an interface and a type
Просмотров 4,1 тыс.Месяц назад
In this video you will find concepts of literal types, union types and intersection of types in typescript. Intersection of types is useful when you have to extend properties of a type. This is similar to using extend keyword in Interfaces. There are other differences as well. Particularly interfaces cannot form unions just like types. All these differences have been explained by practical exam...
Types in Typescript - Difference between Any and Unknown Types
Просмотров 3,7 тыс.Месяц назад
This video introduces you quickly that how to explicitly declare types with variables and function parameters in Typescript. After introduction to basic types, this video discusses differences between Any type and Unknown type in depth. Hands-on and practical examples have been shown to clarify that why Any Type should not be used in Typescript and Why Unknown Type is a better alternative. This...
Understanding Typescript
Просмотров 4 тыс.2 месяца назад
This video is going to help you form mental model of Typescript. What are core features of typescript and what is its relationship with Javascript. What does it mean that Typescript is a superset and why we need Typescript when it has to be transpiled to Javascript. All these questions will be address in this video. Small coding examples are going to help you understand things by just watching ...
Integrating Husky and Lint-staged in React Project
Просмотров 2,5 тыс.2 месяца назад
This video is going to facilitate web frontend developers to integrate Husky and lint-staged into their project. Husky gives you the facility of pre-commit and pre-push hooks. You can put quality assuring scripts commands into these hooks. They will automatically get triggered when you are going to commit code changes into your repository. This will ensure that you do not push any buggy or erro...
Configure Typescript, Eslint and Prettier into React Project
Просмотров 2,2 тыс.2 месяца назад
In this video, we are going to configure typescript, Eslint and Prettier in a Next.js frontend project. These tools help us to avoid pushing buggy code into production. Eslint helps us to analyze static code and point out issues and suggests quick fixes. Similarly Prettier helps us to maintain consistent style in formatting.
Create first React web project with Next.js and Typescript
Просмотров 4952 месяца назад
Create first React web project with Next.js and Typescript
Setup React web development environment
Просмотров 9642 месяца назад
Setup React web development environment
How to get subscribers for youtube channel | سبسکرائبرز حاصل کرنے کا طریقہ
Просмотров 9242 месяца назад
How to get subscribers for youtube channel | سبسکرائبرز حاصل کرنے کا طریقہ
Running businesses in pakistan | کون سے کاروبار چل رہے ہیں؟
Просмотров 8932 месяца назад
Running businesses in pakistan | کون سے کاروبار چل رہے ہیں؟
Predict demand of your business | کیا آپ کا کاروبار چلے گا؟
Просмотров 6412 месяца назад
Predict demand of your business | کیا آپ کا کاروبار چلے گا؟
How to find business opportunities | کاروبار کے کھوجی
Просмотров 2112 месяца назад
How to find business opportunities | کاروبار کے کھوجی
Save before you spend | پہلے بچت بعد میں خرچ
Просмотров 1542 месяца назад
Save before you spend | پہلے بچت بعد میں خرچ
Do not do this at start of the business | کاروبار کے شروع میں ایسا نہ کریں۔
Просмотров 6252 месяца назад
Do not do this at start of the business | کاروبار کے شروع میں ایسا نہ کریں۔
Namaz and 5 minutes? | نماز اور صرف 5 منٹ؟
Просмотров 2472 месяца назад
Namaz and 5 minutes? | نماز اور صرف 5 منٹ؟
Age and Business | کس عمر میں کاروبار شروع کرنا چاہیے؟
Просмотров 2102 месяца назад
Age and Business | کس عمر میں کاروبار شروع کرنا چاہیے؟
Grow your money tree | پیسے کا درخت اگائیں۔
Просмотров 8332 месяца назад
Grow your money tree | پیسے کا درخت اگائیں۔
Why do you need to do business? آپ کو کاروبار کرنے کی ضرورت کیوں ہے؟
Просмотров 932 месяца назад
Why do you need to do business? آپ کو کاروبار کرنے کی ضرورت کیوں ہے؟
Blockers for starting a business | آپ کو کاروبار کے لیے زیادہ پیسے، وقت اور ڈگری کی ضرورت نہیں ہے۔
Просмотров 2192 месяца назад
Blockers for starting a business | آپ کو کاروبار کے لیے زیادہ پیسے، وقت اور ڈگری کی ضرورت نہیں ہے۔
How to start own business | کاروبار کیسے شروع کریں۔
Просмотров 6072 месяца назад
How to start own business | کاروبار کیسے شروع کریں۔
حضرت محمد صلی اللہ علیہ وسلم کی زندگی اور ہمارے مسائل کا حل
Просмотров 1192 месяца назад
حضرت محمد صلی اللہ علیہ وسلم کی زندگی اور ہمارے مسائل کا حل

Комментарии