Simplify Using Hooks by Using Custom Hooks in React

• CustomHookSample

  1 0 3.8 JavaScript

  Sample code for the dev.to blog post: Simplify Using Hooks by Using Custom Hooks in React

View on GitHub

• redux

  268 60,449 9.0 TypeScript

  A JS library for predictable global state management

  

After working with AngularJS for a little while, a colleague recommended React, and then after trying (and failing with) Redux, I embraced hooks and naturally function components in React. While my back end APIs are still all written in .NET Core, and now that .NET Core has become .NET 6, I don't even run my front-end SPAs in ASP.NET any more. They are now static web pages created as React projects with npm hosted in Azure static web apps with the back ends in either App Services or Function Services depending on the level of authorization that is needed (e.g. simple client app auth or policy based auth). Oh, and did I mention the data is typically in either Azure Managed SQL or Azure Storage?

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• reactstrap

  26 10,560 7.0 JavaScript

  Simple React Bootstrap 5 components

  

I do a lot of enterprise application development in a very small team. It's important for us to create applications that work on any device with a modern web browser that is connected to the Internet and not just a LAN or VPN. The apps must authenticate thru single-sign on that is federated with the company Active Directory. The apps need to rely on commonly available libraries like React and Bootstrap albeit through ReactStrap, and they must be spartan and similar. That is to say that users need to be able log onto all of the various apps the same way, and the apps need to do simply what they need to do with no bells or whistles. Furthermore, one app should look and feel like the others. We don't want to confuse users by making them feel like they need to learn a whole new system for every new application.

• React

  1,687 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

After working with AngularJS for a little while, a colleague recommended React, and then after trying (and failing with) Redux, I embraced hooks and naturally function components in React. While my back end APIs are still all written in .NET Core, and now that .NET Core has become .NET 6, I don't even run my front-end SPAs in ASP.NET any more. They are now static web pages created as React projects with npm hosted in Azure static web apps with the back ends in either App Services or Function Services depending on the level of authorization that is needed (e.g. simple client app auth or policy based auth). Oh, and did I mention the data is typically in either Azure Managed SQL or Azure Storage?

• Font-Awesome

  211 72,973 4.9 JavaScript

  The iconic SVG, font, and CSS toolkit

  

The Alert element from ReactStrap is a good start, but it only handles a border and colors. If you want something more than text, you're going to have to find some other elements to add. How about the circle-check icon from FontAwesome. So now we have icons, colors, and text to keep track of. I gave it some thought and realized that given the standard Bootstrap colors, commonly available and understood icons, and most importantly the kinds of things that can happen with CRUD-type applications we can come up with a very limited list of combinations that can be used in the vast majority of cases when managing operations in our application, particularly those that might take a significant amount of time. After all, we don't want to leave our users hanging.

• create-react-app

  575 101,812 1.9 JavaScript

  Set up a modern web app by running one command.

  

After working with AngularJS for a little while, a colleague recommended React, and then after trying (and failing with) Redux, I embraced hooks and naturally function components in React. While my back end APIs are still all written in .NET Core, and now that .NET Core has become .NET 6, I don't even run my front-end SPAs in ASP.NET any more. They are now static web pages created as React projects with npm hosted in Azure static web apps with the back ends in either App Services or Function Services depending on the level of authorization that is needed (e.g. simple client app auth or policy based auth). Oh, and did I mention the data is typically in either Azure Managed SQL or Azure Storage?

• AngularJS

  46 59,496 4.2 JavaScript

  Discontinued AngularJS - HTML enhanced for web apps!

  

After working with AngularJS for a little while, a colleague recommended React, and then after trying (and failing with) Redux, I embraced hooks and naturally function components in React. While my back end APIs are still all written in .NET Core, and now that .NET Core has become .NET 6, I don't even run my front-end SPAs in ASP.NET any more. They are now static web pages created as React projects with npm hosted in Azure static web apps with the back ends in either App Services or Function Services depending on the level of authorization that is needed (e.g. simple client app auth or policy based auth). Oh, and did I mention the data is typically in either Azure Managed SQL or Azure Storage?

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project