On what or when we need to use React JS instead of No JavaScript Frame

Question

Hi Team,

Can anyone help me here why or when do we need to use React JS in SPFX webpart ? why not the No Javascript framework type of app

one of the customer asked me to use React js webparts only, but after I watch the SPFX videos it got raised to me

Please suggest me

Mohamed Azarudeen Z · Answer

Hi Murali React JS is commonly used in SharePoint Framework (SPFx) web parts due to its popularity, flexibility, and compatibility with modern web development practices. However, it's important to note that you're not limited to using React JS exclusively in SPFx web parts. You have the flexibility to choose other JavaScript frameworks or even build a "No JavaScript Framework" web part if it suits your requirements better. Here are some reasons why React JS is often preferred in SPFx web parts: 1. Rich ecosystem and community support: React JS has a large and active community, which means you can find a wealth of resources, tutorials, and libraries to help you build your web parts. It has a rich ecosystem with tools and libraries like React Router, Redux, and Material-UI that can enhance your development experience. 2. Component-based architecture: React JS promotes a component-based architecture, allowing you to build reusable and modular UI components. This helps in organizing your code, improving maintainability, and enabling efficient development. 3. Virtual DOM: React JS uses a virtual DOM, which is a lightweight copy of the actual DOM. This allows React to efficiently update and render only the necessary components when there are changes, resulting in better performance. 4. JSX syntax: React JS utilizes JSX, a syntax extension that allows you to write HTML-like code directly within your JavaScript. This makes it easier to define component structure and makes the code more readable and maintainable. 5. Two-way data binding: React JS supports two-way data binding, which means changes in the UI can automatically update the underlying data and vice versa. This simplifies the management of data flow and state in your web parts. However, it's important to choose the JavaScript framework that aligns best with your project requirements, team expertise, and preferences. If you or your team are more comfortable with other frameworks like Angular or Vue.js, you can certainly use them in SPFx web parts as well. Additionally, if your project doesn't require a full-fledged JavaScript framework, you can build "No JavaScript Framework" web parts using vanilla JavaScript or jQuery. Ultimately, the decision of which framework to use should be based on the specific needs and goals of your project, the skills of your development team, and the long-term maintainability of the solution.

On what or when we need to use React JS instead of No JavaScript Frame

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)