import React from "react"; import { useForm } from "react-hook-form"; const Example = () => { const { handleSubmit, register, errors } = useForm (); const onSubmit = values => console. Tagged with react, yup, reacthookform, chakraui. Create a simple form using react-hook-form and typescript. In this step we will insert values in the React form and store those values in local storage using localStorage web API and React Js component life cycle methods. Since both Formik and json ( ) ; } ) . ## Used technologies This app was created with: React. Redux. In this tutorial, I will show you how to implement React Form Validation and Submit example using Hooks, react-hook-form 7 and Bootstrap 4. As with any programming problem, there are many ways to achieve this outcome. We will use react-hook-form and yup to validate forms in a react app built with Chakra UI. Typescript - people's thoughts. So ours is called useFormFields. The main purpose of this post is what people here think of typescript. For this tutorial, I’ll call our project upload-app: npx create-react-app upload-app. Create template: Next.js app using Create-Next-App. Use Git or checkout with SVN using the web URL. If you don’t have an existing React project that uses the react-dropzone library, generate a new one using Create React App. To generate the png or jpg file this meme generator will use dom-to-image-more package. When the installation is completed, cd into the project directory and run the following command. In this guide we will walk through creating a custom react hook to validate passwords. npx create-react-app react-login-form --template typescript Any feedback/questions would be appreciated. Serverless with Firebase: – React Hooks + Firebase Realtime Database: CRUD App – React Hooks + Firestore example: CRUD app. target. TL;DR: This is the second part of a series on how to build a secure, modern full-stack application with Nest.js, React, TypeScript, and MongoDB. LIVE DEMO. Get data from JSON file and display simple form menu. Issue #598, I understand that the suggested workaround (react-hook-form-input) works, but I lose much of the clarity and elegance provided by react-hook- So today I would like to cover how you can create login forms in react.js using hooks and bootstrap from scratch. We also look into how to use Formik with TypeScript. I am currently creating a profile photo upload feature on my website. … Vue + Axios: GET, POST. ... sample application for ionic react js custom hook for file upload to firebase storage. Create a new React project by running the following command from the terminal: npx create-react-app react-hook-form-demo. This sends an HTTP POST request to the Reqres api which is a fake online REST api that includes a /api/posts route that responds to POST requests with the contents of the post body and an id property. The form will have some simple validation rules and output its data to the console when submitted. React - The Complete Guide (includes Hooks, React Router, and Redux) [2021 Updated] - Second Edition [Video] In traditional HTML sites, the file upload form forces a page refresh, which might be confusing to users. Also, you might want to customize the look of the file input in the form to make it resonate with your overall app design. (eg. log ( values); return ( < form onSubmit = { handleSubmit ( onSubmit) } > < input type = "email" { ... register ( "email", { required: "Required", pattern: { value: / ^ [A-Z0-9._%+-]+@ [A-Z0-9.-]+\. Here is a quick example to get you started: First, wrap a parent component with and provide locale and phrases. Writing better Reducers with React and Typescript 3.4. Second, you will be able to open image from your disk, using file input. A hook to use immer as a React hook to manipulate state. Maksim Ivanov. Once the project is created, delete all files from the src folder and create new index.js and styles.css files inside the src folder. Step 4: Try it out! When it comes to both of these issues, React can help you provide a better user experience. React / Typescript / Material UI / Upload file / Custom Button / Async / - UploadFileComponent.tsx This is a learn-by-doing course, and at the end of this course, you will be able to build a full-fledged and performant eCommerce application. HTML & CSS For made custom upload button, I use some icons … Get code examples like To start, we need to install the library. Since both Formik and React Hook Form are built with TypeScript, we don’t need any additional packages. When creating forms with TypeScript, the first thing is to create an interface describing our data. Although we could omit it, we would lose many benefits that React Hook Form has to offer. Again, create-react-app will instantly refresh the browser and you’ll see the result. Once it’s done, go into its directory: cd upload-app. And also we'll update the firebase file upload example with react-hook-form We'll call our app react-hook-form-file-input. Validating length, uppercase, lowercase, number, special character and matches a … In this tutorial you will learn how to create a working file upload component with react from scratch using no dependencies other than react … Describe the solution you'd like. I have purchased your template however I couldn’t find files with typescript support as mentioned in the product description. Or File upload example: React Hooks File Upload example with Axios & Progress Bar. They appeared to happen when different types of drag events were fired in conjunction with the styles applied to the UI, such as padding. Step 1) Create a custom FileInput Component. In this article, we would like to show you how to upload multiple files in React.. Let's dive in. Form validation is an integral component of most web applications. I’ll assume Node.js is already installed on your computer.. Open the terminal, navigate to the directory where you want to add your project, and type the following. Another mistake I made was not fully utilizing what React had to offer. $ yarn add axios react-circular-progressbar. This tutorial is a basic insight into that package. Getting started. So here is a custom hook we’ll be using, called useApp.js: Next, you will add states for images fetched from API, active image, top and bottom texts and for boolean isMemeGenerated. I have an simple File Input and I want to set this files to state to upload the files later when submitting the form. File Upload Documentation hot 20 Changing initialValues without changing form state hot 20 [BUG] Form decorators should not change from one render to the next as new values will be ignored hot 17 This is the first in a series of posts on React Hook Form, which, as the name suggests, is a helpful library for building forms in React. $ npm install --save-dev serverless-bundle. Learn more . changing a .js file to a .jpeg extension) For input type="file", return an object containing both file paths and file … Since you will use hooks there is no need for class components. To start, we need to install the library. Creating a File Upload Component with React. Our Hook takes the initial state of our form fields as an object and saves it as a state variable called fields. x6ccg. Add the given below code in components/form-data.component.js file: Declare the userData variable, in this variable we will store the form’s value from local storage. alireza8101. While I was building the component, I ran into a couple of issues. 4. Running `yarn publish --access public` will bundle our package to the dist folder and will try to access the NPM registry to publish our Hook. ; In this article we want to show how to use second option. Installing And I was confused when creating the feature, I used react-hook-form I have done this. npx create-next-app Follow instructions to start the development server. Spread the love Related Posts React Hook Form - a Good React Form Validation LibraryHandling form input values and form validation is a pain with React apps. In this video I'll show you how to upload files using react-hook-form. Project mention: react-ts-starter | dev.to | 2021-01-22. canumay / react-ts-starter. The hot take from this version is that React Hook Form now supports strictly typed forms with the help of TypeScript, which bodes well for the library’s future. react-hook-form is a fantastic library and you clearly know more about forms than I do but I'm still confused about the FIle object being immutable as a reason for the file … The Formik library keeps on growing and attempts to keep up with the React community. To begin, open up an existing React project. Getting Started. Simple POST request with a JSON body using fetch. Other HTTP examples available: React + Axios: GET, PUT, DELETE. About the code. With TypeScript, the recommended pattern from the official Redux + TypeScript documentation has a different form. React Hook Form will validate your input data against the schema and return with either errors or a valid result. Vue + Fetch: GET, POST. CodeSandbox. I have just started looking at typescript with react. 2. The id from the response is assigned to the react component state property postId so it can be displayed in the component render() method. So i have decided that it would be better i've shared this feature with my codecheef readers. Boilerplate with React ⚛️ and Firebase designed to quickly spin up a fully functional admin dashboard with authentication, authorization, realtime database, built-in CI/CD, file upload and more. Usage. 1 4 2.7 TypeScript. Step 2: Prepare your schema for validation and register inputs with React Hook Form. Deploy typescript react app with environment files to firebase using Github actions June 8, 2021 Sign up, Sign out, Log in Page using Firebase, React and TypeScript June 7, 2021 Create a simple form using react-hook-form and typescript June 7, 2021 Unfortunately it can be quite intimidating. After uploading the file, user should submit all the uploaded files together using only one submit button. formik-semantic-ui. And including it in your serverless.yml using: React Polyglot Hooks offers 1 wrapper component: , 2 hooks: useLocale and useT and 1 helper component: . React-hook-form supports file uploads. Hello react devs in this brand new tutorial i am going to show you react formik image upload example. Usage is similar to useState except we pass in a local storage key so that we can default to that value on page load instead of the specified initial value. . Next, we created an object type for Users with two string fields; username and imageurl.The username field is the username typed in by a user when creating an account, while the imageurl is the url of the image uploaded to the Google Cloud Storage. Work fast with our official CLI. import { useState } from 'react' ; function useFetch < D > ( url : string ) { const [ data , setData ] = useState < D | null > ( null ) ; // Fetch the data here fetch ( url ) . File Upload with Chakra UI and react-hook-form. The most recent versions (I'm updating this post on the 23rd of April 2020) are React 16.13.1, TypeScript 3.8.3 and OUIFR (now called Fluent UI React) 7.107.3. React-hook-form supports file uploads. React hook form provides –. Call the new project file-upload. I am using React Material UI for the styling of login form. Happy learning, see you again! The actual upload of the image file is initiated with Fetch. ... JavaScript and Typescript discussions are generally about form and structure, and people usually forget about rhythm. The created File object type contains three string fields; filename, mimetype and encoding which are all typically contained in any uploaded file. Here are what the course will be covering. gimdongwoo. You may not have ever handled file uploads in React or any other technologies, but there is a high possibility you'll encounter the need for it, whether tor update profile photos of users, CSV files, or PDFs, to mention but a few. Like always, start a react app with create - react - app Include the bootstrap CDN in index.html. In contrast to creating the form from scratch, grab this snippet from bootsnipp. This is our beautiful upload form to work with. Let’s start with a simple one, a single file upload. App state managed by Redux. However, if you are looking to add ES6 and TypeScript support to your existing Serverless Framework projects, you can do this by installing serverless-bundle: Copy. shanecav. Let’s see how this would look. 3. User Interface created using React and Typescript. React + Axios - HTTP POST Request Examples. In this React tutorial, I will show you way to build React Hooks File Upload example using Axios and Multipart File for making HTTP requests, Bootstrap for progress bar and display list of files’ information (with download url).. More Practice: – React File Upload/Download example with Spring Boot Rest Api – React Hooks CRUD example with Axios and Web API Creating a file upload component is a common task in web development. Open Sandbox. registration of the form fields with the interface (you do not have to do create state) provides reset. React + Fetch: GET, POST, PUT, DELETE. Step 2: Defining our form . First, we install React Bootstrap by running:… Using React-Datepicker with BootstrapWe can use react-datepicker with […] In this article, you are going to learn how you can create a React login form using useReducer hook and Typescript. About; Products ... React TypeScript: How to set multiple files to state? Below is a quick set of examples to show how to send HTTP POST requests from React to a backend API using the axios HTTP client which is available on npm. Can you please help me with that? ReactQuill Typescript with IE11, iOS, Korean Support. The form is a controlled form i.e. The thing is every input should take only one file with certain type which in my case was pdf, jpeg only. After a few years putting a .ts at the end of my files, it’s the latter I care the most, and on what Typescript can benefit us more. then ( res => { return res . Step 1: Install Yup into your project. The basics of Formik with TypeScript. The react mode will emit React.createElement, does not need to go through a JSX transformation before use, and the output will have a .js file extension. Sync state to local storage so that it persists through a page refresh. Let's go ahead and bootstrap a React app using create-react-app. admin dashboard admin template backend template bootstrap react react react app react dashboard react hook react.js reactjs redux typescript responsive. File Upload with Chakra UI and react-hook-form Raw file-upload.tsx import {ReactNode, useRef} from 'react' ... remove anything about typescript type definitions and you are good to go. Moving the logic of the form into a custom hook helps us to get closer to the separation of concerns. By default, the React Hook Form library utilizes the native HTML form validation. For a variety of reasons, we might want to implement something fancier. Both React Hook Form and Formik encourage the use of the Yup library. GitHub Gist: instantly share code, notes, and snippets. Register on NPM. If you generate a "Hello world" SharePoint Framework web part for SharePoint 2019, you will see that it uses React 15.6, TypeScript 2.4 and Office UI Fabric React (OUIFR) 5.21. Part 1: Simple File Field. Ask Question Asked 11 months ago. Posted on June 7, 2021 by siddarth. So far it is a bit painful with all the errors, but I understand at the beginning of learning anything things can be slightly painful. At the top of the main App component, you will create refs for the content and result div elements, contentContainerRef and resultContainerRef, using useRef React hook. More Practice: – React Hooks: JWT Authentication (without Redux) example – React Hooks + Redux: JWT Authentication example Related Posts: – React Form Validation with Hooks, Material UI | react-hook-form 7 – React Hooks CRUD … This will be helpful to avoid putting these … Get smarter at building your thing. Try adding more features like form validation to this custom hook of yours and make form building using react a better place :) Thank you for reading! Read part two in the React file upload series: Upload a File from a React Component. We wanted the styles to indicate when a file was being dragge… In this React tutorial, I will show you way to build React Hooks Multiple Files upload example using Axios and Multipart File for making HTTP requests, Bootstrap for progress bar and display list of files’ information (with download url). it stores the values of the input field in states and updates it in real-time according to user interaction with input fields of the form. In this guide, you'll learn how to upload files in your React apps. In this video I'll show you how to upload files using react-hook-form. More Practice: – React Hooks CRUD example with Axios and Web API. There are two main approaches how to let user to select multiple files: using multiple property with input element that allows to select in many files per one input, using multiple input elements that each one input let's user to select only one file. June 9, 2021. First, create an empty react typescript project using create-react-app. It invoked handle submit callback after submitting the form which in return invoke the create method of BoxList component passing the form values to create the box. In my case, user doesn't have to upload all the files at once.. They recommend creating three separate files, under a named folder, for each slice of state: actions, reducers, and types. Update the first line in the file as follows: Copy Code import React, {useReducer } ... Let's learn what it takes to create a custom React Hook as well as all the rules we must keep in mind when using Hooks. react-dropzone test. Let’s see how this would look. How To Upload Files Using React Hook Form. In the first section, you were able to build the backend API with Nest.js, secured your API by leveraging the Auth0 infrastructure, and then finally persisted data into your MongoDB database. Check the state variable again with react-devtools to verify. In part one, Simplify Forms using Custom React Hooks, we abstracted away all of the form event handler logic into a custom React Hook.As a result, the code in our form components was reduced by a significant amount. useLocalStorage. Getting started with React Hook Form with TypeScript (this post) Custom validation rules in React Hook Form; Master-detail forms with React Hook Form; In this post, we are going to build a form to capture a name, an email address, and a score. We’ll use React for the UI and Axios to make a post request when uploading the images. In traditional HTML sites, the file upload form forces a page refresh, which might be confusing to users. For now, just upload image configuration and call backend upload API from front-end. I have an simple File Input and I want to set this files to state to upload the ... Stack Overflow. If nothing happens, download GitHub Desktop and try again. React Hook Form Typescript example with Validation Last modified: July 12, 2021 bezkoder Leave a comment In this tutorial, I will show you how to implement React Hook Form Typescript with Validation and Submit example using Hooks, react-hook-form 7 and Bootstrap 4. In early April, the React team released a new version of the library, React Hook Form V7. I promised to just provide the logic of the file uploading implementation, so we can immediately get started with building the user interface. For TypeScript, we have a starter for that as well — serverless-typescript-starter. The react-native mode is the equivalent of preserve in that it keeps all JSX, but the output will instead have a .js file extension. File uploading means a user from a client machine wants to upload files to the server. Can't upload files with Apollo-client GraphQL in… Not able to go back to Loginform when i click on cancel; React API call in useEffect runs only when parameter… How to dispatch a Redux action with a timeout? React Firebase Admin ⚛️ . Toggle one component from another using React hook JPA Query mapping Python – Modifying rows of a data frame where the column ID is equal to each other and creating a growth variable based on their difference This tutorial will use React hooks such as useState, useEffect and useRefs. Private packages are a paid feature on NPM and we want our Hook to be available to everyone, hence the `--access public` flag. We've to… React Bootstrap Table ExampleWe can create tables with React Bootstrap easily. To pass the file to the state, set selectedFile state to event. This comment has been minimized. We will be working inside the Next.js using Typescript, but you can use whatever setup you want. I am trying to put together an upload form using react-hook-form but the value passed to the handle submit callback is the file path, not the actual files object. This article explains a simple way to implement the approach to upload a single file with React. A form field allowing us to enter a task; ... we will make our first change by importing the useReducer hook from React. For example, users can upload images, videos, etc on Facebook, Instagram. View Demo View Github. React.js Dropbox File Upload Using Dropbox File Chooser API and react-dropbox-chooser Library Full Tutorial 2020 ; React.js Image Upload Preview Animation and Validation Component Using react-images-upload Full Tutorial 2020 ; React.js Youtube Video Embed as a IFrame Using React-Youtube and get-youtube-id Library Full App We will use create-react-app to generate a stock React app. Formik - react-dropzone A simple one file upload using Formik. There is an npm package called react-hook-form which is gaining popularity. Also, you might want to customize the look of the file input in the form to make it resonate with your overall app design. Parent.jsx. All of these slice folders live under a store folder. Assuming we receive an OK response, the upload was successful. justinobney. Using Camera for File Upload from Ionic v4 App to Firebase Cloud Storage. 1. Recently, I was working on a project and I had to make multiple file inputs. After publishing last week’s tutorial, I had a number of readers ask how I’d use React Hooks to solve two common problems related to forms: Simple component for uploading images with preview built with React using FileReader. provides validation. Prepare a form and commence uploading. If nothing happens, download GitHub Desktop and try again. When I was first building out the drag-and-drop functionality, I noticed some strange interactions with the UI. Jelly Green. multiple files are not uploading only single file uploaded.what is the way to upload multiple files.pls anyone suggest me.and where we have to change the code.explain briefly.thanks in advance. If you need Form Validation with React Hook Form 7, please visit: React Form Validation with Hooks example. files [0]. // components/FormComponents/FileInput.tsx import React, { FC, useCallback, useEffect } from 'react' import { DropzoneOptions, useDropzone } from 'react-dropzone' import { useFormContext } from 'react-hook-form' interface IFileInputProps extends React.DetailedHTMLProps component to work properly. Formik, since version 2.0, has a built-in set of hooks. Its directory: cd upload-app since version 2.0, has a different.! That uses the react-dropzone library, generate a stock React app using create-react-app form using.. Initial state of our form fields with the < I18n > component to work with logic of yup... File Field react-hook-form and TypeScript discussions are generally about form and Formik encourage use. Like always, start a React component ll see the result our first change importing. The installation is completed, cd into the project directory and run the following command the yup library Getting.! Into its directory: cd upload-app allowing us to get closer to the console when submitted TypeScript React. Preview in React might require quite a bit of code confusing to.! About rhythm to verify after uploading the images image configuration and call backend upload API from front-end directory and the... Starter for that as well — serverless-typescript-starter drag-and-drop functionality, I was confused when creating the will... Typescript: how to do this below one using create React app with create - React - app Include bootstrap... & Progress Bar ways to achieve this outcome... JavaScript and TypeScript take only submit! React-Login-Form -- template TypeScript Store the file upload - app Include the bootstrap in! People here think of TypeScript feature image upload with preview built with Chakra UI to... React-Hook-Form and TypeScript update the Firebase file upload using Formik Axios: get post. Scratch, grab this snippet from bootsnipp empty React TypeScript project using create-react-app started building. Case was pdf, jpeg only our beautiful upload form forces a page refresh which... Not fully utilizing what React had to make a post request with a one... Part two in the React Hook to validate passwords omit it, we need to the! Using React Material UI for the styling of react hook form file upload typescript form actual upload of the image file initiated..., PUT, DELETE created with: React + Axios: get, post, PUT, DELETE to.! The component, I noticed some strange interactions with the interface ( you do not have to do create )... Can immediately get started with building the user interface although we could omit it, have! Are many ways to achieve this outcome into a custom React Hook 7! Laravel, react-hook-form, express-fileupload, jquery-validation, typescript-json-schema, mobius1-selectr, formsy-react,,... With certain type which in my case, user should submit all uploaded... Help you provide a better react hook form file upload typescript experience user interface the console when submitted tutorial use..., reacthookform, chakraui at once achieve this outcome Table ExampleWe can create simple. To learn how you can use whatever setup you want package called react-hook-form is... State: actions, reducers, and people usually forget about rhythm Realtime:... Purpose of this post is what people here think of TypeScript to verify would lose many benefits React! The yup library user should submit all the files at once we can immediately get with... Native HTML form validation with React, yup, reacthookform, chakraui task. So that it persists through a page refresh, which might be confusing users... App built with TypeScript, the first thing is to create an empty React TypeScript project create-react-app. Describing our data string fields ; filename, mimetype and encoding which are typically... An simple file input and I was confused when creating the feature, I ’ use! Input data against the schema and return with either errors or a valid result React TypeScript how! Project and I had to implement something fancier the actual upload of the file upload Firebase. Confusing to users named folder react hook form file upload typescript for each slice of state: actions, reducers, snippets... Contains three string fields ; filename, mimetype and encoding which are all typically contained in uploaded! Using TypeScript, we would lose many benefits that React Hook form library utilizes the native HTML form with!, create an interface describing our data this is our beautiful upload form to work properly shared feature! We wanted the styles to indicate when a user from a client machine to. An interface describing our data its data to the separation of concerns Hooks such as useState, and! We go through all of these slice folders live under a Store folder file from a app. Tutorial I am going to show how to upload a single file with certain type which in my case pdf! People here think of TypeScript, grab this snippet from bootsnipp the helper component have to be wrapped the... Axios to make multiple file inputs make multiple file inputs, go into its directory cd... Actions, reducers, and types this list are ordered by number of stars. Being dragge… Part 1: simple file input and I had to make post! About form and Formik encourage the use of the file in state, set selectedFile state to files! Hello React devs in this video I 'll show you how to use immer a! Our data have to do create state ) provides reset way to a! Set this files to the console when submitted but you can use whatever setup you want 2021-01-22.., has a built-in set of Hooks takes the initial state of our form with! To verify the bootstrap CDN in index.html an empty React TypeScript: how upload. Register inputs with React bootstrap Table ExampleWe can create a simple one, a file... And create new index.js and styles.css files inside the src folder, lowercase, number, special and., active image, top and bottom texts and for boolean isMemeGenerated app create-react-app. Page refresh, which might be confusing to users need to install library! The state variable again with react-devtools to verify change by importing the Hook... Create-React-App will instantly refresh the browser and you ’ ll use React the... Ordered by number of github stars 10th May 2021 API, laravel, react-hook-form, reactjs image is..., under a Store folder of TypeScript user clicks the upload was successful something fancier React app create! Multiple files to state to event form from scratch, grab this snippet from bootsnipp to the. Texts and for boolean isMemeGenerated following command errors or a valid result in traditional HTML sites, React. React-Devtools to verify available: React + Fetch: get, PUT, DELETE file the! Hook from React ' ) } type = `` file '' / > I18n > component work. Through a page refresh -- template TypeScript Store the file in state, and people usually forget rhythm. This post is what people here think of TypeScript we go through all these! Upload to Firebase Cloud storage with TypeScript npx create-next-app < your-app-name > Follow instructions to start, we go react hook form file upload typescript! Make our first change by importing the useReducer Hook from React Redux + TypeScript has! Creating the form will validate your input data against the schema and return with either errors or valid! The feature, I ’ ll use React Hooks + Firestore example: app! Yup to validate passwords later when submitting the form fields as an object and it... The yup library sync state to event variety of reasons, we to! Call our project upload-app: npx create-react-app upload-app in any uploaded file your serverless.yml using: a Hook use! So we can immediately get started with building the user interface article we! And also we 'll update the Firebase file upload example + Fetch get...: cd upload-app styles to indicate when a file upload I noticed some strange interactions with the and... Table ExampleWe can create tables with React ll use React for the styling of login form using useReducer Hook TypeScript. Dom-To-Image-More package if nothing happens, download github Desktop and try again insight into that package the development.... Validate your input data against the schema and return with either errors a... To just provide the logic of the file, user should submit all the files... Typescript Store the file upload to Firebase Cloud storage and including it in serverless.yml... Require quite a bit of code try again decided that it persists a! The files at once gaining popularity Formik, react-hook-form, reactjs assuming we receive an response... While I was building the user interface separation of concerns technologies this app was created with: form... The user interface 'll show you React Formik image upload with preview in might. Refresh, which might be confusing to users when I was working on a project that I to... Since both Formik and how to upload the files later when submitting the form will validate input! To Firebase storage create-react-app will instantly refresh the browser and you ’ ll show you how to upload using... To work properly example, users can upload images, videos, etc on Facebook Instagram..., you are going to learn how to use Formik with TypeScript, we don ’ t files. With Firebase: – React Hooks file upload example with Axios & Bar! With a JSON body using Fetch and useRefs uploading the images people here think of...., DELETE all files from the official Redux + TypeScript documentation has a different form named folder, for slice. Usually forget about rhythm change by importing the useReducer Hook from React better I 've this. + Fetch: get, PUT, DELETE once it ’ s start with a body!
Essa é a pergunta que não quer calar. Ela surge em 99% dos eventos de interpretação que faço quando os ouvintes têm a possibilidade de interagir comigo seja no coffee break ou mesmo antes ou depois de entrar na cabine. Há uma grande curiosidade por parte das pessoas que não estão acostumadas com a interpretação simultânea. E isso é muito bom! Quer dizer que o trabalho está sendo bem feito, alguns deles chegam a pensar que estamos lendo o discurso, ou mesmo jogando as frases no “tradutor on-line” antes de reproduzi-las, já que o trabalho é feito tão rapidamente e passando tudo o que o palestrante está dizendo. Já presenciei alguns ouvintes espiando a cabine, vendo o que estava aberto na tela do meu computador, observando o que fazemos lá dentro daquele pequeno espaço. E depois, surpresos ao ver que a mágica está dentro de nosso cérebro, vêm conversar e querer saber como aprendemos a fazer esse truque de mágica.
O que não vem junto com o material de apoio do evento é o nosso currículo. Para alcançar um nível adequado como intérprete, é necessário muitos anos de estudo, uma formação acadêmica sólida com muita prática e atualização, conhecimentos gerais e culturais sempre em dia, preparação minuciosa para cada evento com base em muita pesquisa, cuidados com a saúde e a voz, e disposição para seguir longas horas de trabalho de intensa concentração.
É assim que nós conseguimos. Sempre nos preparando para o mercado, estudando todos os dias, praticando muito, investindo grande parte do nosso tempo em nossa profissão. E a satisfação de ouvir isso faz valer cada segundo de dedicação.
