<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ronak Tanwar</title>
    <description>The latest articles on DEV Community by Ronak Tanwar (@veg_coder).</description>
    <link>https://dev.to/veg_coder</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3946969%2Fbc702289-133c-4bdd-b876-5a4529fb446c.jpg</url>
      <title>DEV Community: Ronak Tanwar</title>
      <link>https://dev.to/veg_coder</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/veg_coder"/>
    <language>en</language>
    <item>
      <title>Typescript setup with Node.js</title>
      <dc:creator>Ronak Tanwar</dc:creator>
      <pubDate>Sat, 13 Jun 2026 12:07:55 +0000</pubDate>
      <link>https://dev.to/veg_coder/typescript-setup-with-nodejs-4p5f</link>
      <guid>https://dev.to/veg_coder/typescript-setup-with-nodejs-4p5f</guid>
      <description>&lt;p&gt;Before setting up TypeScript, it's important to understand one key concept: TypeScript does not run directly. Instead, TypeScript code is first converted into JavaScript, and then the JavaScript code is executed.&lt;/p&gt;

&lt;p&gt;And interestingly, browsers do not understand TypeScript natively. Browsers can only execute JavaScript, so the TypeScript compiler translates your .ts files into .js files that the browser can understand and run.&lt;/p&gt;

&lt;p&gt;Now lets see how to setup the typescript with node :-&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Initialize the node project using any package manager --&amp;gt;&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm init &lt;span class="nt"&gt;-y&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;NOTE :-&lt;/strong&gt; You can use any other package manger like bun, yarn etc.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Install the dev Dependencies --&amp;gt;&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-D&lt;/span&gt; typescript nodemon @types/node @types/express ts-node
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now lets understand the above command:-&lt;br&gt;
 &lt;code&gt;-D or --save-dev&lt;/code&gt; installs packages as development dependencies because hese packages are needed while developing the application but are not required when running the production build.&lt;br&gt;
&lt;code&gt;npm install -D typescript&lt;/code&gt; installs the typescript compiler that Converts TypeScript (.ts) files into JavaScript (.js) files and also Performs type checking to catch errors during development.&lt;br&gt;
&lt;code&gt;@types/node&lt;/code&gt; and &lt;code&gt;@types/express&lt;/code&gt; are the type definitions for node and express framework. They provide type information for these built-in  features, enabling:&lt;br&gt;
Autocomplete&lt;br&gt;
Type checking&lt;br&gt;
Better editor support&lt;br&gt;
&lt;code&gt;ts-node&lt;/code&gt; Allows us to run TypeScript files directly without manually compiling them first.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Add a &lt;code&gt;tsconfig.json&lt;/code&gt; file in your project --&amp;gt;&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Either add it manually :- &lt;br&gt;
create a file as &lt;code&gt;tsconfig.json&lt;/code&gt; and paste the following code snippet.&lt;br&gt;
&lt;/p&gt;


&lt;/blockquote&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"compilerOptions"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"target"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"ES6"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"module"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"commonjs"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"outDir"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"./dist"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"rootDir"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"./src"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"strict"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="nl"&gt;"esModuleInterop"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"include"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;"src/*"&lt;/span&gt;&lt;span class="p"&gt;],&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"exclude"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;"node_modules"&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;&lt;span class="w"&gt; 
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Or run this command :-&lt;br&gt;
&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;tsc &lt;span class="nt"&gt;--init&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now lets understand few things here :- &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyh7ed60403lcr7vwe1m0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyh7ed60403lcr7vwe1m0.png" alt="typescript explanation"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;outDir&lt;/code&gt;specifies the folder where the compiled JavaScript files will be placed.&lt;br&gt;
&lt;code&gt;rootDir&lt;/code&gt; pecifies the root folder containing your TypeScript source code.&lt;br&gt;
And no need to keep the same names of outDir and rootDir, these all settings can be changed according to developers thinking.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Note :-&lt;/strong&gt;   make sure you have created two folders same as you have given inside &lt;code&gt;outDir&lt;/code&gt;and &lt;code&gt;rootDir&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. make few changes inside the &lt;code&gt;package.json&lt;/code&gt; file --&amp;gt;&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Change the value of main :-&lt;br&gt;
&lt;/p&gt;


&lt;/blockquote&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="nl"&gt;"main"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="s2"&gt;"dist/index.js"&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Your &lt;code&gt;index.ts&lt;/code&gt;(the main entry file) will be compiled into &lt;code&gt;index.js&lt;/code&gt; and placed in the &lt;code&gt;outDir&lt;/code&gt;directory (&lt;code&gt;./dist&lt;/code&gt; in this case).&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;update the script :-&lt;br&gt;
paste the following scripts,&lt;br&gt;
&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="nl"&gt;"scripts"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"start"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"tsc &amp;amp;&amp;amp; nodemon dist/index.js"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
    &lt;/span&gt;&lt;span class="nl"&gt;"dev"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"nodemon --exec &lt;/span&gt;&lt;span class="se"&gt;\"&lt;/span&gt;&lt;span class="s2"&gt;npm run start&lt;/span&gt;&lt;span class="se"&gt;\"&lt;/span&gt;&lt;span class="s2"&gt; --ext ts --watch src"&lt;/span&gt;&lt;span class="w"&gt;
  &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;code&gt;start&lt;/code&gt; is used for production. It compiles the TypeScript code and then executes the generated &lt;code&gt;index.js&lt;/code&gt; file.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;dev&lt;/code&gt; is used for development. It watches for changes to &lt;code&gt;.ts&lt;/code&gt; files in the &lt;code&gt;src&lt;/code&gt; directory and automatically reruns the application (via the &lt;code&gt;start&lt;/code&gt; script) whenever changes are detected.  &lt;/p&gt;

&lt;h2&gt;
  
  
  Finally
&lt;/h2&gt;

&lt;p&gt;after doing all this stuff we are ready to start our project using typescript.&lt;/p&gt;

</description>
      <category>typescript</category>
      <category>javascript</category>
      <category>node</category>
      <category>typescriptsetup</category>
    </item>
    <item>
      <title>Forward Deployed Engineer role is getting attention</title>
      <dc:creator>Ronak Tanwar</dc:creator>
      <pubDate>Wed, 10 Jun 2026 03:31:12 +0000</pubDate>
      <link>https://dev.to/veg_coder/forward-deployed-engineer-role-is-getting-attention-1dlb</link>
      <guid>https://dev.to/veg_coder/forward-deployed-engineer-role-is-getting-attention-1dlb</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyxgnyp99327a7vm8v96h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyxgnyp99327a7vm8v96h.png" alt="generated by LLM" width="800" height="533"&gt;&lt;/a&gt;One role that has been gaining significant attention in the tech industry recently is the Forward Deployed Engineer (FDE).&lt;/p&gt;

&lt;p&gt;Many people assume that an FDE's responsibility is limited to building and deploying applications. However, the role extends far beyond software development and implementation.&lt;/p&gt;

&lt;p&gt;A key aspect of being an FDE is working closely with client teams to understand their business challenges, operational workflows, and strategic goals. FDEs serve as a bridge between technology and business, partnering directly with customers to design, customize, and deliver solutions that drive measurable outcomes.&lt;/p&gt;

&lt;p&gt;Unlike traditional engineering roles, FDEs operate in highly dynamic environments where technical expertise must be combined with strong customer engagement and problem-solving abilities.&lt;/p&gt;

&lt;p&gt;or in simple terms, an FDE :&lt;br&gt;
Works closely with customers to understand their problems.&lt;br&gt;
Writes production code to integrate the company's software with customer systems.&lt;br&gt;
Builds custom solutions, dashboards, APIs, or workflows.&lt;br&gt;
Troubleshoots technical issues on-site or remotely.&lt;br&gt;
Acts as a bridge between engineering, product, and customers.&lt;br&gt;
Helps turn customer feedback into product improvements.&lt;/p&gt;

&lt;p&gt;required skills for this role :&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Technical&lt;/strong&gt;&lt;br&gt;
Strong programming skills &lt;br&gt;
APIs and integrations&lt;br&gt;
Cloud platforms &lt;br&gt;
System design and debugging&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Business &amp;amp; Communication&lt;/strong&gt;&lt;br&gt;
Customer-facing communication&lt;br&gt;
Requirements gathering&lt;br&gt;
Project management&lt;br&gt;
Problem-solving under ambiguity&lt;/p&gt;

</description>
      <category>forwarddeployedenginner</category>
      <category>career</category>
      <category>developers</category>
      <category>fde</category>
    </item>
  </channel>
</rss>
