facebook

Programming with React in Eclipse

React is a JavaScript library for building user interfaces. It is a declarative and component based framework. Applications can be composed of multiple encapsulated components that manage their own state and efficiently update when data changes. React can also be used to power mobile apps with React Native.

If you would like to include React in your development, MyEclipse is a great solution. MyEclipse is an Eclipse-based IDE that includes built-in support for React. 

React Highlights

React New Project Wizard

Go to File>New>Project>React and select React Project to create a new React template project. You can create JavaScript or TypeScript applications with this wizard. 


New React Project wizard

Navigation

Use hyperlink navigation to easily jump to different sections of your application. Before you actually make the jump, you can see declarations inline as you hover over the element—a huge time saver.


Navigating code in a React project

IntelliSense

Intelligent suggestions are provided everywhere—in JavaScript, TypeScript, and even in JSX sections. Suggestions include React specific elements, attributes, fields and methods.

Snippets help produce common bits of code, reducing the time to get started with new classes and components.


Content assist and snippets speed coding

Validation and Linting

Besides the standard syntax validation you will get for JavaScript and TypeScript, you can use ESLint to get React specific linting.

Incorporate linting into your React programming to ensure your code follows React’s best practices for clean code and to help you avoid common pitfalls.


Validation and linting for cleaner code

Debugging

Debugging a React application is straightforward – set breakpoints, step through the code, and inspect variables as you normally would when debugging in Eclipse. The Debug Console is very handy when you need to either inspect or change values at runtime.


Debugging a React project in MyEclipse