Hello Developers! Let’s see what’s new in React Navigation 6.0
Hello Developers! Let’s see what’s new in React Navigation 6.x.
React Navigation 6 requires…
Learn how to share code between React Native and React.js using Yarn Workspace.
Hello Developers! Many times we needs to reuse some code between React Native & React.js like state management code (Redux, Mobx, Apollo Client), utility & common functions, global constants, api call & common business logic. Today, we will learn to share code between React Native and React.js using Yarn Workspaces.
If you haven’t checkout Yarn Workspaces I request you to check it first where I have explained SetUp Yarn Workspaces step-by-step.
Yarn Workspaces allow developers to create workspaces that…
Projects grow over time and some pieces of code can be useful elsewhere in other projects. Also we need to share code between projects like Redux, ApolloClient, MobX — State Management Library, Common Utilities, etc same for both React Native, React.js or other technologies.
Many of us tried splitting a code into multiple packages knowing how difficult it is to manage across multiple packages at one time. To…
Discover a ways to develop secure react native application.
Screenshot Restriction is not possible on Straight Forward Way, But you can do something like, When application InActive — add Blur Layer/ View on window and when Active — remove BlurLayer/View.
Add Following Lines of Code in AppDelegate.m
In Android it’s quite simple to restrict user to prevent…
Discover a set of React best coding practices, tips and tricks that should be known by all developers.
Many times we are using local variables, array, objects…
See how you will boost your react native app performance, improve start-up time, decrease bundle size & memory usage.
Key Points -
With Hermes your app will start at 2x speed, memory usage will decrease to 30%, android app bundle size decreased 30%, iOS Application performance will boost.
Axios vs Fetch HTTP Request
Hello Developers! All we are using either Axios OR fetch to communicate/exchange data with server. Both works perfect as per your requirement. Today we will go in detail and see how they are differ in terms of features they provide.
Axios — has url in request object
Fetch — has no url in request object.
Axios — third-party package that you need to install manually. 85.3k Star in Github — Well managed & rich features library.
npm i axios
Fetch — is in-build into most of the browser, no more need of installation.
Discover Top 10 React Hooks Library — use-http, Redux Hooks, useMedia, React Hook Form, Constate, useDebounce, React Router Hooks, useHover, usePortal, useLocalStorage
Hooks make developers’ life easy by helping in writing fewer lines of code, clean code, more readable, maintainable, reusable code. Many popular libraries now offer Hooks, let’s check some of them today.
Step By Step Integration Of React Hooks — useState, useEffect, useRef, useMemo, useCallback
Hello Developers, All of you know about functional components. Today we will go to the next level in functional components and see in detail how React Hooks allow us to implement variables, functions, and managing states in functional components. Top 5 React Hooks — useState, useEffect, useRef, useMemo, useCallback. We will see each in detail and see how we develop a powerful React app by using Hooks.
useState hooks allow you to create, update…
Storybook | Design Reusable Component | Share Component
Hello Experts, We all use Reusable Components in our applications OR we develop custom components that are frequently used at multiple places and keep that logic separate, so whenever we change on business logic it will be reflected everywhere where it is used. What happens if I say show me the component you developed, you need to import/implement it in one component and run the application, correct? Is there any way I can see all Reusable Components in one place, I can play with it, change various props and validate it? …
Founder & CEO at KPITENG