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

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.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Mohamed Azarudeen Z3y ago
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.