
Select the code you want to extract, and then select Component… from the Refactor this… popup ( Ctrl-T on macOS or Ctrl-Alt-Shift-T on Windows and Linux). We’re very excited about this feature! WebStorm can now help you create a new React component, by extracting the JSX code from the render method of an existing one.
Other IDE improvements: Touch Bar support.ĭownload WebStorm 2018.2 Development with React Extract React component. Version Control: Browse Repository at Revision action, completion for tags, register roots automatically. Testing: rerun failed tests, navigate to Jest snapshot, compare Jest snapshots, and debugging Karma tests using Chrome Headless. Debugging: breakpoint intentions, Drop Frame action, and debugging JavaScript scratch files. Linters integrations: different highlighting for TSLint errors and warnings, and an ability to automatically apply code style rules from all types of ESLint and TSLint configuration files. JSON support: JSON5, and Iimproved support for JSON Schemas. JavaScript and TypeScript support: custom templates for postfix completion, and TypeScript 2.9 and 3.0 supported. Built-in tools: find unused code in the client-side app with Code Coverage reports, global File Watchers.
Node.js development: support for Node.js on Windows Subsystem for Linux, an ability to automatically reconnect the debugger to the running node process, and remote mappings in Attach to Node.js configuration. Development with Vue.js: completion for Vue events and event modifiers. Development with Angular: faster project startup, add new features using the integration with ng add, and run schematics from the IDE. Development with React: Extract React Component refactoring, convert class components into functional components, and code snippets. Here are the features and improvements grouped by the WebStorm subsystems: Now we want to share with you the detailed release notes for the WebStorm 2018.2 update as compiled from these EAP blog posts. We published WebStorm EAP builds on a weekly basis, covering all the new features on this blog. We’ve been running the Early Access Preview program for WebStorm 2018.2 for the past two months. WebStorm 2018.2 brings a lot of new powerful features and improvements, including the Extract React component refactoring, new integrations with Angular CLI, better testing workflow and Node.js debugging experience.Įxplore the top new features and download WebStorm 2018.2 on our website.
🎉 Today we’re announcing WebStorm 2018.2! 🎉