ReactJS – .JS vs .JSX

There is none when it comes to file extensions. Your bundler/transpiler/whatever takes care of resolving what type of file contents there is.

There are however some other considerations when deciding what to put into a .js or a .jsx file type. Since JSX isn’t standard JavaScript one could argue that anything that is not “plain” JavaScript should go into its own extensions ie., .jsx for JSX and .ts for TypeScript for example.

There’s a good discussion here available for read

Related Posts:

  1. React.js: Set innerHTML vs dangerouslySetInnerHTML
  2. Loop inside React JSX
  3. Loop inside React JSX
  4. how to render a react component using ReactDOM Render
  5. Console logging for react?
  6. Failed to load resource: the server responded with a status of 404 (Not Found)
  7. Maximum call stack size exceeded error
  8. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  9. How to make a word underline in Markdown
  10. ChartJS beginAtZero, min, max doesn’t work
  11. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  12. ReferenceError: $ is not defined
  13. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  14. Reactjs – Form input validation
  15. jQuery.click() vs onClick
  16. Error Running React Native App From Terminal (iOS)
  17. Axios Delete request with body and headers?
  18. Add swipe left/right to web page, but use default swipe up/down
  19. Check if checkbox is checked with jQuery
  20. How to implement navbar using react
  21. Angular: mat-form-field must contain a MatFormFieldControl
  22. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  23. Change Background color (css property) using Jquery
  24. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  25. Get class name using jQuery
  26. How to clear the canvas for redrawing
  27. React eslint error missing in props validation
  28. JavaScript get element by name
  29. Use images like checkboxes
  30. Completely disable scrolling of webpage
  31. How do I scroll to an element using JavaScript?
  32. display variable image using cookies
  33. How to refresh a Page using react-route Link
  34. character counter – backspace doesn’t reflect on characters remaining
  35. Open URL in same window and in same tab
  36. Console is throwing Unterminated JSX contents error
  37. How to convert selected HTML to Json?
  38. How to Open New window on every Click
  39. Cannot read property ‘getContext’ of null, using canvas
  40. How to add multiple classes to a ReactJS Component?
  41. How to move an element after another element using JS or jquery?
  42. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  43. How to use Javascript to read local text file and read line by line?
  44. Why is the jquery script not working?
  45. DOMException: Failed to load because no supported source was found
  46. how to download file in react js
  47. Trying to use fetch and pass in mode: no-cors
  48. onEnter not called in React-Router
  49. Partial render in HTML/JavaScript
  50. Why use Redux over Facebook Flux?
  51. Local package.json exists, but node_modules missing
  52. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  53. How to add onload event to a div element
  54. Access Control Origin Header error using Axios
  55. Print the contents of a DIV
  56. Showing an image from an array of images – Javascript
  57. Embedding instagram webpage inside an iframe
  58. Set value to currency in
  59. How to add a keyboard listener to my onClick handler?
  60. How to add a keyboard listener to my onClick handler?
  61. HTML Entity Decode
  62. why angularjs ng-repeat not working
  63. Scroll to bottom of div?
  64. HTML5 rich-text inside textarea
  65. How do I check if a cookie exists?
  66. Highlight a word with jQuery
  67. How to change the buttons text using javascript
  68. how to display a div triggered by onclick event
  69. jQuery scrollTop() method not working
  70. FormData append not working
  71. getContext is not a function
  72. How to change the text of a label?
  73. Expected ‘this’ to be used by class method
  74. JavaScript – Count Number of Visitor for Website
  75. Strip HTML from Text JavaScript
  76. Using “&times” word in html changes to ×
  77. How do I store an array in localStorage?
  78. Update style of a component onScroll in React.js
  79. Fire oninput event with jQuery
  80. Changing the selected option of an HTML Select element
  81. Correct modification of state arrays in React.js
  82. img onclick call to JavaScript function
  83. How to scroll to top of page with JavaScript/jQuery?
  84. Calling a JavaScript function in another js file
  85. “React.Children.only expected to receive a single React element child” error when putting and in a
  86. How to embed an autoplaying YouTube video in an iframe?
  87. JavaScript code not running in HTML5 document
  88. Cannot read property ‘style’ of undefined — Uncaught Type Error
  89. Unexpected token < in first line of HTML
  90. How to make HTML element resizable using pure Javascript?
  91. How to set “style=display:none;” using jQuery’s attr method?
  92. Await is a reserved word error inside async function
  93. WordPress Bootstrap Handburger Menu Wont Open
  94. How to display post content in the block editor
  95. My Button Default Click Is Not Working In WordPress Using Javascript Code
  96. Make a script work within a page
  97. Putting custom html/js page into Elementor as it’s own block
  98. Add Paypal button redirect to a specific page after completing
  99. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  100. Making the HTML list to a checkbox tree with the plugin jstree [closed]

Leave a Comment