Learn ReactJS & React Native With Me
  • Home
  • React Native Series
  • React Js
  • Write for us
  • Animal Welfare
  • About Me
  • Contact
  • Home
  • React Native Series
  • React Js
  • Write for us
  • Animal Welfare
  • About Me
  • Contact
  • Facebook
  • Twitter
  • LinkedIn
  • Email
Learn ReactJS & React Native With Me

Code, Bugs, Pitfalls, Tricks of React Js & React Native

  • Home
  • React Native Series
  • React Js
  • Write for us
  • Animal Welfare
  • About Me
  • Contact

Browsing Tag

live demo

25 posts
break text file into columns java
  • Java

    Break text file into columns Java

    • Teresia Wachira
    • September 5, 2022
    Introduction To break text file into columns in Java you can use the split() method. There are several methods to get there but we suggest either the string.split() method, StringTokenizer…
    View Post
    image editing cropping in reactjs
    • React JS

      Image Editing and Cropping in ReactJs

      • Teresia Wachira
      • September 5, 2022
      If you have an application where a profile section is created, you most probably also asking for user’s photo for it. But different users have different phones and you end…
      View Post
      react table filter sort pagination search in 10 minutes
      • React Js
      • React Native

        React Table – Learn filter, sort, pagination in 10 Minutes

        • Akash Mittal
        • September 5, 2022
        I came across with this little table library (little in size but huge in functionality), React table. I was amazed with the way it simplifies the work. In our projects…
        View Post
        Adding Google recaptcha in reactjs application
        • React Js

          Adding Google reCAPTCHA in ReactJS

          • Akash Mittal
          • September 5, 2022
          reCAPTCHA is a captcha system which helps in securing applications. It is owned and maintained by Google. This is a joint effort of Google and Carnegie Mellon University. In this…
          View Post
          javascript remove element from ghost array
          • JavaScript

            Javascript remove element from Ghost array

            • Akash Mittal
            • September 5, 2022
            In this article we will learn how to remove element from javascript ghost array. I will also show you the way to remove any element from non-ghost arrays. First of…
            View Post
            jumbled javascript array to string no commas
            • JavaScript

              Convert a jumbled javascript array to string without commas

              • Akash Mittal
              • September 5, 2022
              Are you getting the requirements of converting a javascript array to string without commas? If yes, then this article is for you. Generally when we convert array to string we…
              View Post
              javascript random array element no repeat
              • JavaScript

                Access random array element in javascript without repeating

                • Akash Mittal
                • September 5, 2022
                In this article we will show you the code to access javascript random array element, no repeat. Without further delay, let’s check out the code –     Tweet this to help…
                View Post
                GUI tool to generate react table code for projects
                • React Js
                • React Native

                  GUI tool to generate React-Table code for your projects

                  • Akash Mittal
                  • November 16, 2022
                  React-Table is an awesome library for creating tables with multiple headers, sorting, filtering, pagination etc. But it is complex to learn. Sometimes our use case is simple and we do…
                  View Post
                  facebook messenger chat heads trail animation in react spring
                  • React Js
                  • React Native

                    React Spring – Create Facebook messenger chat heads with trails

                    • Akash Mittal
                    • September 5, 2022
                    (Jump to Code | Demo) Have you seen the chat heads created by facebook messenger? They are stacked over each other and when you drag top one, the other heads…
                    View Post
                    react component get element by id code example demo
                    • React Js

                      React component get element by id – Code example & Demo

                      • Akash Mittal
                      • September 5, 2022
                      (Jump to Code | Demo) React component get element by id through reference. Before moving ahead let me inform you that React do not provide any way to access component…
                      View Post
                      How to dynamically add component in reactjs - Code Demo
                      • React Js
                      • React Native

                        How to dynamically add component in reactjs? Code Example & Demo

                        • Akash Mittal
                        • September 5, 2022
                        (Jump to Code | Demo) One of the most important feature of Reactjs is its modularity. To make code more readable and maintainable, we break it into reusable components. And…
                        View Post
                        React Wrapper Component - Code example and Demo
                        • React Js
                        • React Native

                          Wrapper component in React JS – Code Example & Live Demo

                          • Akash Mittal
                          • September 5, 2022
                          (Jump to Code | Demo) First of all, we should know what is React wrapper component? Well, its similar to any ordinary component but we define them for special tasks…
                          View Post
                          can't perform a react state update on an unmounted component
                          • React Js
                          • React Native

                            Can’t perform a react state update on an unmounted component – Code

                            • Akash Mittal
                            • September 5, 2022
                            (Jump to Solution | Code | Demo) There are number of situations when you get the warning, “Can’t perform a react state update on an unmounted component“. One thing is…
                            View Post
                            combine and merge two javascript objects
                            • JavaScript

                              Combine two javascript objects – Code Example & Live Demo

                              • Akash Mittal
                              • September 5, 2022
                              (Jump to Code | Demo) We can combine and merge two javascript objects using triple dot (…) notation of ES6. This is a very handy feature as it allows to…
                              View Post
                              Open file upload dialog using javascript
                              • JavaScript

                                Open File Upload Dialog Using JavaScript – Code Example & Live Demo

                                • Akash Mittal
                                • September 5, 2022
                                (Jump to Code | Demo) When we design an application, we get the requirements to upload images, pdfs, videos and all other sorts of files. We do this using html…
                                View Post
                                football game crud application using javascript and localstorage
                                • JavaScript

                                  Football Game CRUD Application in Javascript & LocalStorage

                                  • Akash Mittal
                                  • September 5, 2022
                                  In this application we are not going to use any backend. Instead, we will use browser’s localstorage as our database. We will learn CRUD principles by developing football game application…
                                  View Post
                                  Twitter CRUD application using react php mysql
                                  • MySql
                                  • Php
                                  • React Js

                                    Twitter CRUD application in React, Php & MySql in 10 Minutes

                                    • Akash Mittal
                                    • September 5, 2022
                                    All applications have 4 operations – Create, Read, Update and Delete. We call them CRUD. In this guide, we will create a “Twitter Feed” CRUD application using React, Php and…
                                    View Post
                                    React Native Forms using React-Hook-Form
                                    • React Native

                                      React Native Forms using React-Hook-Form

                                      • Akash Mittal
                                      • September 5, 2022
                                      React-Hook-Form is a node package which simplifies creating react native forms. Introduction Forms are the basic need of any application whether it is web based, Android, iOS or even React…
                                      View Post
                                      Create Login Page in React Native with Animation
                                      • React Native

                                        Create Login Page in React Native with Animation

                                        • Akash Mittal
                                        • September 5, 2022
                                        In this article we are going to learn how to create a login page using React Native. We will also animate the page on button clicks and on focus. This…
                                        View Post
                                        Passing State and Calling Functions Between Parent and Children in ReactJS
                                        • React Js

                                          Passing State & Calling Functions Between Parent & Children in ReactJS

                                          • Akash Mittal
                                          • September 5, 2022
                                          Passing state between parent and children components is a common use case. Generally, we use a state management library like Redux, for this purpose. But sometimes this is just an…
                                          View Post

                                          Posts navigation

                                          1 2 Next

                                          Learn ReactJS & React Native With Me
                                          Copyright AkashMittal.com | Privacy Policy