We are making a simple file upload with React Js and will use Node Js in the backend to handle the uploaded file. We are going to use the CRA (Create React App) for the quick setup and the Ant Design for the UI.
…Simple File or Image Upload With Node Server and React JsRead More »
Today we are building a small utility to download a file with progress bar from the URL. The progress bar will indicate the progress of downloading the process. We required cli-progress package to display the progress output to the terminal.
…Today, we are going to create a custom button to the Rich Text Editor using by Gutenberg. By default, it has alignments, bold, italic and link buttons. We are going to add a text highlighter button to the rich text toolbar.
Authentication flow is basically a password-protected screen or a set of screens to display the user associated data or private content. Probably, you have seen many apps that require the user to login to access the app. I think it’s fair enough to understand the authentication flow. Let’s jump to the development section to better understand.
…React Navigation Switch Navigator and Authentication FlowRead More »
In the tutorial, we are using React Navigation 4.x. We are going to add a simple tab bar at the bottom of the screen. We only required the single package to implement the tab navigator in the previous version.
…Form validation on the frontend is a painful task. Thanks to Formik, It will not just create a quick form but also has builtin functionality for onChange, onBlur etc. events. The Formik is designed to handle complex validation with ease. So, let’s just start building a simple SignUp form with React, Formik and Yup.
…