CRUD Application Using ReactJS Hooks

Authors

  • Kanniga Parameshwari M R. M. K. Engineering College
  • Selvi K R. M. K. Engineering College
  • Rekha M R. M. K. Engineering College
  • Karthiga R R. M. K. Engineering College

DOI:

https://doi.org/10.4108/eetiot.5298

Keywords:

functions, user interfaces, react.js library, single page application

Abstract

This Project is aimed to implement CRUD operations using the library called React.js which is the advanced version of the language Javascript. The question which pops out everyone’s mind now is why React? There’s lot of open – source framework/ library/ language that is available in today’s internet. The purpose of using react is anyone with the little knowledge of javascript can easily learn react and implementation of this library is user-friendly. Also, there’s many more packages react can easily get installed in NPM and run the application whatever changes in the code can do. React also delivers good UI for the developer and to create/develop new apps for future generation. There are more than 2000 developers and over one lakh sites making use of react.js among some of the most powerful are Instagram, Netflix, Whatsapp, Uber. It also integrates with any other javascript libraries or framework and speciality of react can make changes in the web browser without doing subsequent refresh of the pages. React can allow the developer to build any complex web application and more importantly mobile application. The CRUD is an acronym for Create, Read, Update and Delete which is very much essential for implementing any strong application with relational Database. Thus, the project results in Creating the user/users with their details, read the users task, updating if any new user is created through ‘Create’ operation, and finally delete the user/users list if not wanted for an application. Though the ‘crud’ functions for creating an application can be done in any language, the author specifically uses Javascript library called react.js which is one of the best platforms to create the single page user application interfaces. The overarching goal of this application is to bring easiness for any product development company in need of crud-user functions can stick to this.

Downloads

Download data is not yet available.
<br data-mce-bogus="1"> <br data-mce-bogus="1">

References

Pratik Sharad Maratkar, Protibha Adkar. ReactJS – An Emerging Frontend Javascript Library,issued Iconic Research And Engineering Journals. 2021 ; 4(12) : 99-102.

Bhupati venkat sai indla, yogeshchandra puranik. Review on ReactJS” International journal of trend in scientific research and development(IJTSRD). 2021 ; 5(4) : 1137-1139.

Ritwik, Anitha Sandeep.: ReactJS and Front End Development International Research Journal of Engineering and Technology (IRJET) 2020 ; 7(4) : 3676-3679.

Prateek Rawat, Archana N. Mahajan - ReactJS: A Modern Web Development Framework 2020 ; 5(11) : 698-702.

Alok Kumar Srivastava1, Vaishnavi Laxmi2 , Payal Singh3 , Km Pratima4 , Vibha Kirti5. React JS (Open Source JavaScript Library). IJIRT. 2022 ; 8(9) : 342-346.

Mayelson de Sousa, Alexandrino Gonçalves.: Human portal – A reactjs case study 15th Iberian Conference on Information Systems and Technologies. 2020 . DOI: https://doi.org/10.23919/CISTI49556.2020.9141070

Arshad Javeed.: Performance Optimization Techniques for Reactjs, IEEE International Conference on Electrical, Computer and Communication Technologies (ICECCT) 2019 ; 1067-1073. DOI: https://doi.org/10.1109/ICECCT.2019.8869134

Xingwei Zhou, Wenshan Hu, Guo-Ping Liu.: React-Native based Mobile App for online Experimentation-39th Chinese Control Conference (CCC) 2020. DOI: https://doi.org/10.23919/CCC50068.2020.9189636

Fu Kaifang.: Design and implementation of an instant messaging architecture for mobile collaborative learning” Computing, Communication, Control, and Management, CCCM 2009. ISECS International Colloquium on, 2009 ; 3: 287-290. DOI: https://doi.org/10.1109/CCCM.2009.5268060

Basques.K.Performance analysis reference https://developers.google.com/web /tools/chrome-devtools/evaluate-performance/ reference - 2020.

Hugo Brito; Anabela Gomes; Álvaro Santos; Jorge Bernardino, Javascript in mobile applications: React native vs ionic vs Nativescript vs native development” - 13th Iberian Conference on Information Systems and Technologies (CISTI). 2018. DOI: https://doi.org/10.23919/CISTI.2018.8399283

Archana Bhalla1, Shivangi Garg2, Priyangi Singh3.: PRESENT DAY WEB-DEVELOPMENT USING REACTJS, International Research Journal of Engineering and Technology (IRJET) 2020 ; 7(5) : 1154-1157.

Hugo Brito; Álvaro Santos; Jorge Bernardino; Anabela Gomes.: Learning Analysis of Mobile Javascript frameworks - 14th Iberian Conference on Information Systems and Technologies (CISTI) 2019. DOI: https://doi.org/10.23919/CISTI.2019.8760746

Naimul Islam Naim.: Reactjs : An open source javascript library for front end development Thesis 2017.

Yongkang xing , Jaipeng Huang, Yong yao lai. Research and analysis of the front end framaworks and libraries in E-business development. 11th International Conference. ICCAE. 2019. DOI: https://doi.org/10.1145/3313991.3314021

Alluri Harshika.: Employee management system using spring boot and react JS, International Journal of Advance Research, Ideas and Innovations in Technology 8.2; 2022.

Mukthapuram Praneeth Reddy1, Sujata Priyambada Mishra2. Analysis of Component Libraries for React JS. IARJSET. International Advanced Research Journal in Science, Engineering and Technology. 2021 ; 8(6) : 43-46. DOI: https://doi.org/10.17148/IARJSET.2021.8607

Heonsik Joo. A Study on understanding of UI and UX, and Understanding of Design According to User Interface Change.International Journal of Applied Enginnering Research ISSN. 2017 ; 12(20) : 9931-9935

Shpetim Kadrija, Agon Memeti, Shkurte Luma-Osmani, "Development of mobile app through React Native hybrid framework", 2022 11th Mediterranean Conference on Embedded Computing (MECO). 2022 ; 1-6 DOI: https://doi.org/10.1109/MECO55406.2022.9797173

Vipul Kaushik, kamali Gupta, Deepali Gupta. React Native Application Development. 4th International Conference on Cyber Security (ICCS) 2018 ; 461-467.

Kamal Kishore, Shanu Khare, Vaibhav Uniyal, Sahil Verma, "Performance and stability Comparison of React and Flutter: Cross-platform Application Development", 2022 International Conference on Cyber Resilience (ICCR). 2022 ; 1-4. DOI: https://doi.org/10.1109/ICCR56254.2022.9996039

Downloads

Published

04-03-2024

How to Cite

[1]
K. P. M, S. K, R. M, and K. R, “CRUD Application Using ReactJS Hooks”, EAI Endorsed Trans IoT, vol. 10, Mar. 2024.