teleren/devto huggingface dataset:
react wrapper for autodesk forge viewer
Tags: autodesk, node, react, forgeview
Published: 2023-02-17 07:04:23

## 0. if you have following requirments, you might need to know [this sample](https://github.com/autodesk-platform-services/viewer-react-sample)
- familiar with react but not very much for autodesk products or forge-viewer
- hush to get contents on a forge viewer viewable model
- working on a react project and embedded with some forge viewer contents from scratch

## 1. get [nodejs](https://nodejs.org/en/)

<br>

## 2. read some autodesk documents for minimum
- [token](https://aps.autodesk.com/en/docs/oauth/v1/reference/http/authenticate-POST/)
- [urn](https://aps.autodesk.com/en/docs/data/v2/reference/http/projects-project_id-items-item_id-GET/)

<br>

## 3. [find this article](https://aps.autodesk.com/blog/building-simple-react-wrapper-viewer)

<br>

## 4. [find this code-sample](https://github.com/autodesk-platform-services/viewer-react-sample)

<br>

## 5. clone 4. and run locally with ```npm start```

<br>

## 6. check parts locally, you might find the mistery number in red box in [my last post](https://dev.to/devbohan/fetch-database-data-from-model-derivative-api-and-check-the-detail-in-it-with-sqliteweb-package-1f32): response of [step 3: peek data with query]

<br>

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/huubma2traowynpb3gy7.jpg)
6 Ideas for building ChatGPT Chrome Extensions
Tags: programming, chatgpt
Published: 2023-02-17 07:02:51

If you're a developer looking to build a ChatGPT-based Chrome extension but need ideas, you've come to the right place. Here are 6 potential ideas for ChatGPT Chrome extensions that you could consider building:

##Code Completion Extension

This extension could use ChatGPT's natural language processing to suggest code snippets as you type. The extension could also learn from the user's coding patterns to provide even more accurate and useful suggestions over time.

## Code Learning Extension

This extension could provide tutorials and interactive exercises to help users learn programming languages and frameworks. With ChatGPT's language capabilities, the extension could answer questions and provide assistance in real-time.

## Code Optimization Extension

This extension could analyze code for performance bottlenecks and suggest optimizations to make it run faster. ChatGPT could be used to identify potential areas for optimization and suggest possible solutions.

## Code Collaboration Extension

This extension could use ChatGPT's natural language processing to facilitate collaboration between developers. It could help users communicate more effectively about code changes and identify potential issues or conflicts in real-time.

## Code Documentation Extension
This extension could help developers generate documentation for their code using ChatGPT's natural language processing. The extension could extract relevant information from code and use it to generate clear and concise documentation that is easy to understand.

## Code Security Extension
This extension could use ChatGPT to analyze code for potential security vulnerabilities and suggest solutions to fix them. The extension could help developers ensure that their code is secure and minimize the risk of data breaches or other security incidents.

## Conclusion
These are just a few ideas to get you started. With ChatGPT's natural language processing capabilities, the possibilities are endless. Good luck with your project!

## Like my post?👾
I am also working on an Awesome Open Source project named: [RATH](https://kanaries.net).
Check it out on [GitHub](https://github.com/Kanaries/Rath)!
Migrate NSF to Office 365
Tags: programming, office365, lotusnotes, migration
Published: 2023-02-17 07:02:47

This task is required when users switch to Office 365 from the Lotus Notes email client. To [migrate NSF to Office 365](https://www.shoviv.com/blog/how-to-migrate-mailboxes-from-nsf-to-office-365/) securely and quickly, users should need an appropriate way. But we all know that it is difficult for users to find an effective way to migrate NSF files. That is why we come here to describe reliable software developed with advanced features. Read this content until it finishes to better understand this reliable software.

Shoviv provides advanced software that can make this importing process within a flash. Users should not require prior technical expertise to handle the Shoviv professional software. Shoviv [Lotus Notes to Office 365 Migration Tool](https://www.shoviv.com/lotus-notes-to-office365.html) permits users to insert numerous NSF files with no size limitations. It gives a perfect migration of the NSF files into Microsoft 365 with ease. Due to its easy user interface, the importing task becomes easy for all users. Even new users also migrate NSF to Office 365 without difficulty.

If we talk about the folder hierarchy, it perfectly retains the originality of the folder hierarchy of data. The preview option available in this tool allows users to check added items before processing this importing task. Furthermore, its search option works rapidly in finding needed items. Users also use this software to export the NSF files directly into the Live Exchange Server. 

It permits users to pick items as per their requirements to migrate them to Office 365 using its filter option. Besides this, users can convert the NSF files into PST, MSG and EML file formats. Its incremental export option helps users in preventing the data from duplicity. More, this option also resumes the process where it was last paused.

Users can download its free trial version from the official website of Shoviv for more details of this software’s functionality.
Unbreakable backend
Tags: microservices, kubernetes, docker, api
Published: 2023-02-16 22:20:14

Exposing an API is a superpower. It lets the outside world use your software, in ways that perhaps you did not intend. 

There is a lot of enjoyment in writing backend code, but getting that code to be <u>unbreakable</u> isn't easy. Sure if you're going to have a handful of users then no big deal. BUT, if your API is going be used by lots of users, maybe billions, how do you achieve 99.999% availability, low-latency from anywhere in the world, cost efficiency, security, compliance with various regulations, observability, instant scalability, etc.? 

As a backend developer you'd have to learn about Docker, Kubernetes, Istio, Prometheus, Grafana, Fluent bit, Vault - or their equivalents, and many other technologies. Not only learn, but master!

I left the chief architect role at VMWare to start [Control Plane Corporation](https://controlplane.com) over three years ago to give backend engineers their time (and sanity) back... 

I called upon amazing engineers I worked with along the way, people who know more about DevOps, K8s, Istio, etc. than is reasonable. I call them the A team!

Rather than having to become a K8s and the vast ecosystem around it God, Control Plane lets you focus on what matters to your end users - your code. Control Plane handles the scaling, availability, security, low-latency, observability and more. Why? so you can have fun again writing code and not be knee deep in scaling, cost optimizing, figuring out how to do multi-region, etc.

We introduced the Global Virtual Cloud (GVC). It lets you name any number of regions across any cloud and Voilà - you have a non-stick cloud platform that makes your code (workload) **portable**. It means you can run it anywhere and still consume ANY service of AWS, GCP and Azure as if these clouds have merged.

If you don't know how to containerize your code, Control Plane does it for you, but if you have a Dockerfile the platform uses it. Running on the GVC is even easier than running your code on your laptop. 

If you want a free trial code, shoot me an email and tell me you saw my post on dev.to. my email is doron@controlplane.com
Common ReactJS Performance Issues and How to Fix Them
Tags: react, javascript, webdev, testing
Published: 2023-02-17 07:02:31

ReactJS is a popular framework for building web applications, but performance issues can arise when using it. Here are some common performance issues in ReactJS applications and how to fix them:

Rendering too many components:
ReactJS components can be expensive to render, especially if you have a large number of them on a page. To fix this issue, you can use techniques like lazy loading, virtualization, or pagination to reduce the number of components rendered at once.

Updating state too often:
When you update state in a ReactJS component, it can trigger a re-render of the component and its children. If you update state too often, it can cause unnecessary re-renders and slow down your application. To fix this issue, you can use techniques like debouncing or throttling to limit the frequency of state updates.

Inefficient data fetching:
[Fetching data in a ReactJS application](https://www.cronj.com/hire-react-js-developers.html) can be a performance bottleneck, especially if you're fetching a large amount of data. To fix this issue, you can use techniques like pagination or server-side rendering to reduce the amount of data fetched at once.

Large bundle size:
ReactJS applications can have large bundle sizes, especially if you're using a large number of libraries or components. To fix this issue, you can use techniques like code splitting, tree shaking, or dynamic imports to reduce the size of your bundle.

Slow component lifecycle methods:
ReactJS components have lifecycle methods that are called when a component is mounted, updated, or unmounted. If you have slow or expensive lifecycle methods, it can slow down your application. To fix this issue, you can optimize your component's lifecycle methods or use techniques like shouldComponentUpdate to limit unnecessary re-renders.

Conclusion:

ReactJS is a powerful framework for building web applications, but it's essential to be aware of the common performance issues that can arise when using it. By using techniques like lazy loading, virtualization, debouncing, pagination, server-side rendering, code splitting, tree shaking, and optimizing component lifecycle methods, you can [improve the performance of your ReactJS application](https://www.cronj.com/hire-react-js-developers.html).
How to Code Efficiently
Tags: programming, productivity, efficiency
Published: 2023-02-17 07:01:32

##Tips and Tricks for Faster, Better Programming

Programming can be a time-consuming and often frustrating task. As a developer, you are constantly looking for ways to be more efficient and write better code. Here are some tips and tricks to help you code more efficiently:

- **Plan and Organize Your Code**

Before you start coding, take the time to plan out what you need to accomplish and how you will accomplish it. This will help you write more organized, efficient code. Use tools like flowcharts or pseudocode to plan out your code.

- **Use the Right Tools**

Using the right tools can save you a lot of time and effort. Use an integrated development environment (IDE) that has features like code completion, debugging, and refactoring. Use libraries and frameworks that can help you write code faster and more efficiently.

- **Break Down Complex Problems**

Break down complex problems into smaller, more manageable pieces. This will help you write more organized and efficient code. Use functions or classes to encapsulate code that performs a specific task.

- **Optimize Your Code**

Optimize your code by using algorithms and data structures that are well-suited to the task at hand. Use caching or memorization to avoid repeating expensive computations. Use lazy evaluation to defer computation until it is actually needed.

- **Practice Good Coding Habits**

Practice good coding habits like commenting your code, using meaningful variable names, and writing concise code. Use version control to keep track of changes to your code and collaborate with others.

By following these tips and tricks, you can write code more efficiently and improve the quality of your software. Happy coding!
[LIAPP FEATURES] React Native Protection
Published: 2023-02-17 06:49:12

LIAPP provides robust and useful features to protect mobile apps against various threats.
This post will discuss LIAPP’s React Native protection to protect mobile apps made by React Native. We will explain how it works and what its effect is.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dmppnqm0yir5ojb7ekhg.png)

With the tremendous popularity of React Native, there are quite a lot of Hybrid apps released developed by React Native.
It is a top priority to protect app services made by React Native.

LIAPP provides diverse security features to protect app services developed by React Native, especially LIAPP’s React Native Protection provides a feature to protect bundle file ( java script file(.js)) by encryption.

And it is LIAPP’s specialty to maintain high security by creating an encrypted key every time it is applied.
In this way, LIAPP users can expect to increase efficiency and save resources for developing and running mobile apps by protecting essential logic and app without having to do a high and challenging task such as setting up encrypted logic, applicable system, and managing keys safely.

**» Pure bundle file**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a0zia17wduz8zef04642.png)

**» Protected bundle file with LIAPP**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2wiefvtj6fidgl0rgrmo.png)

> As you can see, LIAPP’s React Native Protection feature and LIAPP’s Anti-tampering, Anti-dumper, Memory protection, and Root detection features will protect package files which app service needs a standard security package file.

**_LIAPP, we provide the best service possible._**
I have two project with the an identical call to the useContext() react function. One project works and the other doesn't
Tags: react, needhelp
Published: 2023-02-17 06:30:26

I have to projects where I'm using the useContext() react function to create a user auth context. I'm using the same exact js file in both projects. For some reason in my new project the create context returns a slightly different object than the object in the old projects even though the initialization is identical. This is causing the createContext() function in the new project to return null. The context object in the first project has a calculateChangedBits item which might play a role in I have a theory that this might be due to some sort of react update. Here what is inside the js file. I also added two pictures to show the authUsercontext output for both the old and new project. The old project output is the one with calculateCHangedBits in it.

![Old project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/li2zya167o9y09ico6z4.jpg)


![New Project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dv7igqy30ujuaitfevt1.jpg)

`import { createContext, useContext, Context } from 'react'

const authUserContext = createContext({
  authUser: null,
  loading: true,
  calculateChangedBits: null,
  signInWithEmailAndPassword: async () => {},
  createUserWithEmailAndPassword: async () => {},
  signOut: async () => {}
});

export const useAuth = () => useContext(authUserContext);`
APIOps 101
Tags: api, operations, apiops, azure
Published: 2023-02-17 06:20:31

APIOps, also known as API Operations, is the process of managing the entire lifecycle of an API (Application Programming Interface). This includes the planning, design, development, testing, deployment, and maintenance of APIs.

APIOps is an important aspect of digital transformation and enables organizations to create and manage APIs in a consistent and efficient manner. By following APIOps best practices, organizations can improve the quality, performance, and security of their APIs, while also reducing costs and increasing the speed of delivery.

The APIOps process typically starts with the planning phase, where the API strategy is defined and the API's goals and objectives are established. This is followed by the design phase, where the API's architecture and interface are defined, and the API's security and performance requirements are determined.

Next, in the development phase, the API is built and tested. This includes writing the code, testing the API's functionality, and ensuring that the API meets its performance and security requirements. Once the API is deemed ready for deployment, it is published and made available to the intended users.

After the API is deployed, it enters the operations phase. This includes monitoring the API's performance, addressing any issues that arise, and making updates or changes as needed. This phase is also where API analytics are collected and analyzed to gain insights into the API's usage and identify areas for improvement.

Finally, the API enters the retirement phase, where it is either deprecated or retired. This process ensures that the API is no longer used and that its resources are freed up for other projects. The below shows Azure APIOps Architecture.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kfskrbcbor1ehrayeiec.png)
97 Things Every Programmer should know Part 1
Tags: webdev, programming, productivity
Published: 2023-02-17 06:08:50

Over the last few days, I have been reading O’Reilly’s 97 Things Every Programmer Should Know and I want to share a little bit about each topic shared by the experts who wrote the book.

⚡1. Act with prudence: by Set Rose.

⚡Where he refers to the importance of avoiding technical debt, as it is a trap because it can be ‘beneficial’ in the short term, but in the long term it can be detrimental.

⚡He then recommends that even if technical debt is unavoidable, you should pay off debt as soon as possible. It would be imprudent to do otherwise.

⚡What do you think of this advice?

Stay tuned for the more blogs!!!😊
How To Publish HTML Report using Jenkins and Add Git SCM to Selenium Project?
Tags: webdev, beginners, tutorial, programming
Published: 2023-02-17 06:08:35

In this video, we are going to learn how to add html report to the selenium maven and testNG project running in Jenkins.

{% embed https://youtu.be/OEiG8AUuScs %}

✅✅ Download Slides + NOTES - https://sdet.live/notes


Plugin Used - https://plugins.jenkins.io/role-strat...

———————————————————————————

🔗 Join the Facebook Group - http://scrolltest.com/fb

🔗 Learn API Testing(with Postman) - https://learnapitesting.com/

🔗 Rest API Testing with Python - http://masterapitesting.com/

🔗 E2E Frontend Testing with Cypress - http://cypresstutorial.com/

🔗 Join Our Automation Newsletter - http://scrolltest.com/tta

🔗 Master API Testing Bundle - https://apitesting.co/bundle

🔗 Rest Assured MasterClass- https://apitesting.co/enroll


———————————————————————————

Who is this for?

✅ Anyone who wants to learn How Jenkins works, basics and more.
✅ Want to run your own projects on Jenkins

✅✅ What is Jenkins?

**Jenkins** – an open source automation server which enables developers around the world to reliably build, test, and deploy their software.

https://www.jenkins.io

https://en.wikipedia.org/wiki/Jenkins...
)

✅ *An open source automation server which enables developers around the world to reliably build, test, and deploy their software*

✅ Why we need to Learn Jenkins?

Jenkins has become an indispensable tool for both Java programmers and DevOps engineers. **Jenkins allows you to set up continuous integration (CI) and continuous deployment (CD) pipeline**, which reduces risk on Software development and delivery

✅ What are the benefits of Jenkins?

- *Runs Automated Test Suites*
- *Run you Web, Mobile Automation SUITE*
- *API Monitoring*
- *Report and Email Notification*
- *Trends and detailed failure that can be shared.*
- *You can use slave to make build and run fast.*

How to install Jenkins on Windows, Mac and Ubuntu

1. Go the [https://www.jenkins.io/
](https://www.jenkins.io/)download

2. Install the file or follow steps
3. Install the default plugins
4. Navigate to localhost:8080

✅ *Do I need to know coding to learn Jenkins?* 

No, OPnly in some cases you need to learn Groovy

#jenkinshtmlreport #htmlreportjenkins #jenkinstutorial
Using rails generator to create you table models
Published: 2023-02-17 06:06:37

Ruby on rails makes creating table models super easy. In order to create a table model, you need to first go into your terminal. Start the command with: 
> `rails g` 
> "g" stands for generate. After you create your table, you have to name it. For example, if I wanted to created a table for restaurants I would type in something along the lines of:
> `rails g model Restaurants`  
> Next, you'll add your columns. Continuing with the restaurant example, most restaurants have a name, store number, and address. To add this information, just type in:
> `rails g model Restaurant name store_number:integer address`
> rails by default rails will assume you want your column to be a string so you won't have to type anything after you've named your columns. Saying that, you'll notice that for store number I added :integer. If you want your column to be something besides a string, you'll have to specify that. 
> After that, you should get this in your terminal: 
> ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aiviwqmc8sqpzbpcwxh9.png)
> then check your app file, go into models, and your restaurant.rb should be there. Also go to your db file, then into migrate; your migration should be there all set up like so:
> ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9s7cnjjbjxmri5z9ko31.png)

Rails has many more generators that can be useful. This just the tip of the iceberg. This probably my favorite part of rails. It makes coding a lot faster and more efficient. Let us focus on more complex and personalized code.

Like even creating the whole MVP. Using the resource generator not only creates your model but also your controller, your serializers , and your routes. Not including your associations. Which will set up your micros in your table that connects with other tables or your belongs_to but you will have to set up your has_many on your own. 
The best part being that it is super easy to fallow and learn. So need to worry if it be hard to learn or not or even worth your time. Which obviously it is most definitely worth it. 
 You can find all the information [](https://guides.rubyonrails.org/command_line.html#bin-rails-generate) ruby has great guides so I definitely recommend looking into the guides.
Safe Cloud - Linode + DEV Hackathon
Tags: linodehackathon, linode, webdev, javascript
Published: 2023-02-17 05:50:55

## What I built
ScanPay 

An application that allows user to pay via QRcode.  

### Category Submission:
* SaaS Superstars
* Integration Innovators
* Wacky Wildcard


### App Link
App is not ready 

### Screenshots


### Description
ScanPAY, the solution to Nigeria's cashless policy problem!

We understand that the constant debate between the central bank and payment policies has put Nigerians in a difficult position. That's why we've developed a unique and easy-to-use payment platform that solves Nigeria's payment challenges.

With the recent surge in users due to the near cashless policy, Nigeria's banking structure and network have not been able to keep up. But ScanPAY offers a scalable payment structure that meets the needs of everyone, from artisans and market women to everyday users.

Our easy and reliable payment gateway allows for instant verification for both the sender and receiver, making transactions fast and seamless. Our platform provides an easy verification model that allows for easy tracking of payments and alerts, so you never have to worry about fake alerts or bounced transactions.

At ScanPAY, we believe in the power of technology to make life easier for everyone. Join us and experience a new era of convenient, secure, and hassle-free payments. 



### Link to Source Code
https://github.com/Scofield-Idehen/ScanPay.git

### Permissive License


## Background



### Additional Resources/Info