What is the difference between JSXTransform and Babel? - babeljs

I have a react project, and I'm currently using <script src="http://fb.me/JSXTransformer-0.12.2.js"></script> to transcompile my JSX files. I understand that JSX has been depreciated and that it's suggested I move to babel.
What is the difference between JSX and babel?
How do I transition to babel?
I'm using griddle.io to make tables, will switching from JSX to babel effect this?

The big difference between JSXTransform and Babel is ES2015. You can read more here
https://facebook.github.io/react/blog/2015/10/07/react-v0.14.html
If you don't have warnings in your current code transition will be smooth.
In this doc you can find how to start https://facebook.github.io/react/docs/getting-started.html

Related

Change Auto-Import Priority Order In VScode

I'm working on a Next-JS project with TypeScript.
Everything was fine till one day, VSCode decided to change my auto-import priorty.
In my case, I wanted to import useEffect, useContext,.. from react. But somehow, Vscode auto-import first-place changed to preact-hook, which is different from react and take me time to debug it later when I test the code.
Any Idea how can I change the order to let react goes first?

VS code's auto completing isn't working React JSX code

I want to autocomplete my code while typing in React JSX code for fister typing But that's not happening. Should I need any additional extensions for that, if yes? any preference for an extension.
If not then what should I suppose to do?

How to use Icon fonts

I just installed Icon fonts from market in VS-Code, but it seems like this extension doesn't work well in my React project, but it does support JSX which has mentioned in the introduction.Here are two main problems:
I could use the snippets, but the icon just don't show on the page.
There is even no suggestions when I typing on React page whose language mode is babel javascript.

Is there a way to change background color of syntax highlight in Visual Studio Code

I was looking for a better code editor for my projects and wanted to give VSCode a try. But I couldn't find where to customize the syntax highlighting settings. What I actually need is to change the background color of embedded languages within a file so that I can identify different parts of the code a lot easier.
I have this PHP file which contains, HTML, CSS and JavaScript and I'd like to set different background colors for all 4 languages within this single file. Is this possible with VSCode? or does anyone know a code editor that supports this? UltraEdit supports this but it has so many other shortcomings.
Not possible #3429 Themes don't support background styling

TinyMCE button UI weirdness

Anyone encountered this before:
I've tried using firebug to spot differences between this and a working version and I spot none.
A working version should like the following:
One of the CSS classes in your site is conflicting with the TinyMCE classes, and it is causing this problem. If you are using FireBug then look at the CSS break down on the right and side and see if there is any differences with any of the buttons and their parents.
Don't use FireBug but chrome or safari dom inspectors.
Because firebug and TimyMce don't really work together.