Make sure you have node and npm installed Directory Setup 1. npm run init 2. create public and src folder 3. Add index.html in public folder 4. Add index.tsx in src folder Add Dependencies npm install react react-dom Add Dev Dependencies npm install typescript webpack webpack-cli webpack-dev-server ts-loader html-webpack-plugin --save-dev npm i --save-dev @types/react-dom typed-scss-modules Add Configuration and Code Add code to src\index.tsx https://github.com/sagarpandey88/templates/blob/main/typescript-react/src/index.tsx Add webpack.config.js https://github.com/sagarpandey88/templates/blob/main/typescript-react/webpack.config.js Add tsconfig.json https://github.com/sagarpandey88/templates/blob/main/typescript-react/tsconfig.json Run the code npm run build npm run start
Hey Guys, Now i was in a really tricky scenario where a master record had been deleted by someone which was referenced using code in numerous places. Changing the code would be a nightmare. Now the easiest solution which will come to everyones mind is to add the list item with those possible values again. But it would not retain the ID value which was used in the code.Let me give you an example to clarify the problem statement PROBLEM STATEMENT There is a “status” master list with the following values and the third list item is deleted. We want the 3 rd list item with ID=3 to be restored even when it is deleted from recycle bin as in the code the ID column is used to reference the status. Status ID Approved 1 Rejected 2 Review 3 In Draft 4 SOLUTION: Now usually the answers would be Restore it from recycle bin (almost 3 months have passed and it has been deleted from recycle bi...
Sometimes if a form in a webpage has too many input field controls (Text boxes) it becomes unfriendly to navigate between them. We sometimes feel that navigation between text boxes be as simple as navigating between cells in Spreadsheet. This Jquery Script allows you to navigate through text boxes just like spreadsheet cells making the User Interface more user friendly and easing the navigation. Click here to get the Input Navigation Script Bonus: Along with navigation the script file contains a function for select all header check box. :) Currently this script is in beta version.
Comments
Post a Comment