Flow ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕਨਵਰਟਰ ਵਿੱਚ| ਸਟ੍ਰਿਪ Flow ਕਿਸਮਾਂ ਔਨਲਾਈਨ

⚡ Flow to JavaScript

Strip Flow types and Flow-only syntax to get plain JavaScript.

Best-effort regex-based conversion. For very complex Flow features (utility types, $ReadOnly, React Props types, etc.) dùng Flow/Babel chính thức sẽ an toàn hơn.
// JavaScript output will appear here...
🧪 Functions + Types
Function params & return types
📦 Exact & Inexact Objects
{| |}, variance, maybe types
📦 Type imports/exports
import type / export type

ਫਲੋ-ਟਾਈਪਡ ਕੋਡ ਨੂੰ ਵਨੀਲਾ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਬਦਲੋ

Flowਮੈਟਾ ਦੁਆਰਾ JavaScript ਲਈ ਸਥਿਰ ਕਿਸਮ ਦੀ ਜਾਂਚ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ ਸੀ। ਹਾਲਾਂਕਿ, ਬ੍ਰਾਊਜ਼ਰਾਂ ਜਾਂ ਸਟੈਂਡਰਡ Node.js ਵਾਤਾਵਰਣਾਂ ਵਿੱਚ ਇਸ ਕੋਡ ਨੂੰ ਚਲਾਉਣ ਲਈ, ਫਲੋ-ਵਿਸ਼ੇਸ਼ ਸੰਟੈਕਸ ਨੂੰ ਹਟਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਸਾਡਾ Flowਟੂ JavaScript ਟੂਲ ਇਸ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸਵੈਚਾਲਿਤ ਕਰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਕਿਸਮ ਪਰਿਭਾਸ਼ਾਵਾਂ ਦੇ ਓਵਰਹੈੱਡ ਤੋਂ ਬਿਨਾਂ ਤੁਹਾਡੀ ਸਕ੍ਰਿਪਟ ਦਾ ਇੱਕ "ਸਾਫ਼" ਸੰਸਕਰਣ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਕਨਵਰਟਰ ਦੀਆਂ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

  • ਪੂਰਾ ਕਿਸਮ ਦਾ ਮਿਟਾਉਣਾ: ਸਾਰੇ Flowਐਨੋਟੇਸ਼ਨਾਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਇੰਟਰਫੇਸ, ਕਿਸਮਾਂ ਅਤੇ ਕਿਸਮ ਦੇ ਉਪਨਾਮ ਸ਼ਾਮਲ ਹਨ।

  • ਤਰਕ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦਾ ਹੈ: ਤੁਹਾਡਾ ਕਾਰਜਸ਼ੀਲ ਤਰਕ ਅਛੂਤਾ ਰਹਿੰਦਾ ਹੈ ਜਦੋਂ ਕਿ ਸਿਰਫ਼ ਕਿਸਮ-ਵਿਸ਼ੇਸ਼ ਸੰਟੈਕਸ ਨੂੰ ਹਟਾਇਆ ਜਾਂਦਾ ਹੈ।

  • ES6+ ਅਨੁਕੂਲਤਾ: ਆਧੁਨਿਕ JavaScript ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡਾ ਆਉਟਪੁੱਟ ਆਧੁਨਿਕ ਵਾਤਾਵਰਣ ਲਈ ਤਿਆਰ ਹੈ।

  • ਤੁਰੰਤ ਨਤੀਜੇ: ਤੁਰੰਤ ਕਾਪੀ-ਪੇਸਟ ਕਰਨ ਲਈ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਸਿੱਧੇ ਹਾਈ-ਸਪੀਡ ਪ੍ਰੋਸੈਸਿੰਗ।

Flowਟੂ ਜੇਐਸ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ

  1. Flowਕੋਡ ਪੇਸਟ ਕਰੋ: ਆਪਣੇ Flowਕਿਸਮਾਂ ਵਾਲੇ ਕੋਡ ਨੂੰ ਇਨਪੁਟ ਖੇਤਰ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।

  2. ਕਨਵਰਟ: ਇਹ ਟੂਲ ਆਪਣੇ ਆਪ ਹੀ Flowਸੰਟੈਕਸ ਦਾ ਪਤਾ ਲਗਾਉਂਦਾ ਹੈ ਅਤੇ ਪਰਿਵਰਤਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ।

  3. ਆਉਟਪੁੱਟ ਦੀ ਸਮੀਖਿਆ ਕਰੋ: ਟ੍ਰਾਂਸਪਾਈਲ ਕੀਤੇ, ਸਟੈਂਡਰਡ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਲਈ ਸੱਜੇ ਹੱਥ ਦੇ ਪੈਨਲ ਦੀ ਜਾਂਚ ਕਰੋ।

  4. ਕਾਪੀ ਅਤੇ ਐਕਸਪੋਰਟ: ਕਿਸੇ ਵੀ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਆਪਣੇ ਸਾਫ਼ JS ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ "ਕਾਪੀ ਟੂ ਕਲਿੱਪਬੋਰਡ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।

Flowਸਟੈਂਡਰਡ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਤੋਂ ਮਾਈਗ੍ਰੇਟ ਕਿਉਂ ਕਰੀਏ ?

ਜਦੋਂ ਕਿ FlowReact ਈਕੋਸਿਸਟਮ ਲਈ ਸ਼ੁਰੂਆਤੀ ਕਿਸਮ ਦੀ ਸੁਰੱਖਿਆ ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਹੈ, ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਹੁਣ ਸਟੈਂਡਰਡ JavaScript ਵੱਲ ਵਾਪਸ ਜਾ ਰਹੇ ਹਨ ਜਾਂ TypeScript ਵੱਲ ਮਾਈਗ੍ਰੇਟ ਕਰ ਰਹੇ ਹਨ।

1. ਬਿਹਤਰ ਅਨੁਕੂਲਤਾ

ਸਟੈਂਡਰਡ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਹਰ ਜਗ੍ਹਾ ਚੱਲਦੀ ਹੈ। Flowਕਿਸਮਾਂ ਨੂੰ ਸਟ੍ਰਿਪ ਕਰਕੇ, ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹੋ ਕਿ ਤੁਹਾਡਾ ਕੋਡ ਕਿਸੇ ਵੀ JS ਇੰਜਣ, ਬਿਲਡ ਟੂਲ, ਜਾਂ ਲਿੰਟਰ ਦੇ ਅਨੁਕੂਲ ਹੈ ਬਿਨਾਂ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ Flowਸੰਰਚਨਾ ਦੀ ਲੋੜ ਦੇ।

2. ਸਰਲੀਕ੍ਰਿਤ ਬਿਲਡ ਪਾਈਪਲਾਈਨਾਂ

ਹਟਾਉਣ ਨਾਲ Flowਤੁਸੀਂ ਆਪਣੇ Babel ਜਾਂ Webpack ਸੰਰਚਨਾਵਾਂ ਨੂੰ ਸਰਲ ਬਣਾ ਸਕਦੇ ਹੋ। ਜੇਕਰ ਤੁਹਾਨੂੰ ਹੁਣ ਕਿਸੇ ਪੁਰਾਣੇ ਪ੍ਰੋਜੈਕਟ ਲਈ ਸਥਿਰ ਕਿਸਮ ਦੀ ਜਾਂਚ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ, ਤਾਂ ਵਨੀਲਾ JS ਵਿੱਚ ਬਦਲਣ ਨਾਲ ਤੁਹਾਡੀ CI/CD ਪਾਈਪਲਾਈਨ ਦੀ ਗੁੰਝਲਤਾ ਘੱਟ ਜਾਂਦੀ ਹੈ।

3. ਟਾਈਪਸਕ੍ਰਿਪਟ ਮਾਈਗ੍ਰੇਸ਼ਨ ਦੀ ਤਿਆਰੀ

ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ Flowਟਾਈਪਸਕ੍ਰਿਪਟ ਤੋਂ ਟਾਈਪਸਕ੍ਰਿਪਟ ਵਿੱਚ ਤਬਦੀਲ ਕਰਨ ਦੀ ਯੋਜਨਾ ਬਣਾ ਰਹੇ ਹੋ, ਤਾਂ ਪਹਿਲਾ ਕਦਮ ਅਕਸਰ Flowਟਾਈਪਸਕ੍ਰਿਪਟ ਪਰਿਭਾਸ਼ਾਵਾਂ ਨੂੰ ਵਧਾਉਂਦੇ ਹੋਏ ਜੋੜਨ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਸਾਫ਼ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਬੇਸਲਾਈਨ ਤੇ ਵਾਪਸ ਜਾਣ ਲਈ ਕਿਸਮਾਂ ਨੂੰ ਹਟਾਉਣਾ ਹੁੰਦਾ ਹੈ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਪਰਿਵਰਤਨ ਦੌਰਾਨ ਅਸਲ ਵਿੱਚ ਕੀ ਹਟਾਇਆ ਜਾਂਦਾ ਹੈ?

ਇਹ ਟੂਲ ਨਾਲ ਸੰਬੰਧਿਤ ਹਰ ਚੀਜ਼ ਨੂੰ ਹਟਾ ਦਿੰਦਾ ਹੈ Flow, ਜਿਵੇਂ ਕਿ // @flowਪ੍ਰਾਗਮਾ, ਟਾਈਪ ਐਨੋਟੇਸ਼ਨ(variable: string), ਇੰਟਰਫੇਸ ਪਰਿਭਾਸ਼ਾਵਾਂ, ਅਤੇ ਟਾਈਪ ਇੰਪੋਰਟ।

ਕੀ ਇਹ ਟੂਲ ਸਿੰਟੈਕਸ ਗਲਤੀਆਂ ਨੂੰ ਠੀਕ ਕਰਦਾ ਹੈ?

ਨਹੀਂ, ਕਨਵਰਟਰ ਮੰਨਦਾ ਹੈ ਕਿ ਤੁਹਾਡਾ Flowਕੋਡ ਸਿੰਟੈਕਟਿਕ ਤੌਰ 'ਤੇ ਸਹੀ ਹੈ। ਇਹ ਤਰਕ ਦੀਆਂ ਗਲਤੀਆਂ ਨੂੰ ਡੀਬੱਗ ਕਰਨ ਦੀ ਬਜਾਏ ਟਾਈਪ ਐਨੋਟੇਸ਼ਨਾਂ ਨੂੰ ਹਟਾਉਣ 'ਤੇ ਕੇਂਦ੍ਰਤ ਕਰਦਾ ਹੈ।

ਕੀ ਮੇਰਾ ਸਰੋਤ ਕੋਡ ਨਿੱਜੀ ਹੈ?

ਹਾਂ। ਸਾਡਾ Flowਜਾਵਾ ਸਕ੍ਰਿਪਟ ਟੂਲ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਅੰਦਰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਪਰਿਵਰਤਨ ਕਰਦਾ ਹੈ। ਸਾਡੇ ਸਰਵਰਾਂ ਨੂੰ ਕੋਈ ਕੋਡ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ ਜਾਂ ਸਟੋਰ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹੋਏ ਕਿ ਤੁਹਾਡੀ ਬੌਧਿਕ ਸੰਪਤੀ ਸੁਰੱਖਿਅਤ ਰਹੇ।

ਕਲੀਨ ਕੋਡ ਐਕਸਟਰੈਕਸ਼ਨ ਲਈ ਪੇਸ਼ੇਵਰ ਸੁਝਾਅ

  • ਟਿੱਪਣੀਆਂ ਰੱਖੋ: ਸਾਡਾ ਟੂਲ ਐਨੋਟੇਸ਼ਨਾਂ ਨੂੰ ਹਟਾਉਂਦੇ ਹੋਏ ਮਿਆਰੀ JavaScript ਟਿੱਪਣੀਆਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦਾ ਹੈ Flow, ਇਸ ਲਈ ਤੁਹਾਡੇ ਦਸਤਾਵੇਜ਼ ਬਰਕਰਾਰ ਰਹਿੰਦੇ ਹਨ।

  • JSX ਦੀ ਜਾਂਚ ਕਰੋ: ਜੇਕਰ ਤੁਸੀਂ React ਵਰਤ ਰਹੇ ਹੋ, ਤਾਂ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ ਇਨਪੁਟ ਵਿੱਚ ਜ਼ਰੂਰੀ JSX ਸਿੰਟੈਕਸ ਸ਼ਾਮਲ ਹੈ; ਸਾਡਾ ਕਨਵਰਟਰ ਫਾਈਲਾਂ ਨੂੰ ਸਹਿਜੇ ਹੀ ਸੰਭਾਲਣ .jsਅਤੇ ਚਲਾਉਣ ਲਈ ਅਨੁਕੂਲਿਤ ਹੈ।.jsx

  • ਬੈਚ ਮਾਈਗ੍ਰੇਸ਼ਨ: ਵੱਡੇ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ, ਇਸ ਟੂਲ ਦੀ ਵਰਤੋਂ ਇਹ ਪੁਸ਼ਟੀ ਕਰਨ ਲਈ ਕਰੋ ਕਿ Flowਇੱਕ ਵਾਰ ਸਟੈਂਡਰਡ JS ਵਿੱਚ ਬਦਲਣ ਤੋਂ ਬਾਅਦ ਖਾਸ ਗੁੰਝਲਦਾਰ ਕਿਸਮਾਂ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਣਗੀਆਂ।