teleren/devto huggingface dataset:
Stay Informed with the Latest Tech News
Tags: latest, tech, technews, technewswebsite
Published: 2023-12-08 11:43:28

Whether you're a tech enthusiast, a professional in the industry, or simply curious about the ever-evolving world of technology, having access to reliable sources of information is paramount.

**The Significance of the Latest Tech News
**The world of technology is in a constant state of flux, with new innovations and breakthroughs occurring daily. Staying informed about the [latest tech news](https://toptech.news/) empowers individuals and businesses to make informed decisions, keep pace with industry trends, and take advantage of emerging opportunities.

## 
Tech News Websites: The Information Hubs

Tech news websites play a pivotal role in disseminating the most recent developments in the tech realm. These platforms serve as gateways to the world of technology, offering readers a one-stop solution for all their tech news requirements. When it comes to finding the most reliable and current tech news, it's essential to turn to top tech news websites. These platforms are committed to delivering comprehensive coverage of all thing’s tech-related, ensuring readers receive breaking news, insightful analysis, and in-depth reviews.

Here are a few top tech news websites known for their dedication to providing the latest tech news:

Top Tech News: Top Tech News is the world's largest technology news site. Here you will find news on the latest from the world of technology – whether that’s about the newest gadgets and gizmos or the latest in fields like AI and robotics to the top product reviews and more!

Here are three key features of the Top Tech News Website:
Comprehensive Technology News Coverage:
Top Tech News provides a one-stop destination for all your technology news needs. We cover a wide range of tech-related topics, including the latest gadgets, AI and robotics, [Cleantech and EVs](https://toptech.news/cleantech-and-electric-vehicles/), mobile technology, gaming, Defense, and more.

1. Curated and Organized Content:
Our website is dedicated to simplifying the consumption of technology news. We curate and organize the content, making it easy for you to find the information you need. Our mission is to provide you with a well-structured and user-friendly experience.

2. Aggregated Content from Trusted Sources:
Top Tech News collaborates with top publications and experts in the field of technology to bring you the latest insights and news.

3.Exclusive Focus on Technology:
At Top Tech News, we are exclusively dedicated to technology. Our singular focus ensures that you receive the most accurate, up-to-date, and relevant information about the tech world.

Conclusion:
In an era where technology shapes our world, staying informed with  tech news platforms is not just a choice but a necessity for anyone seeking to navigate and embrace the future with confidence. Stay connected, stay informed, and stay ahead in the world of technology.

Source Content: [https://www.behance.net/gallery/184243119/Tech-News-Updates-Navigate-the-Digital-Frontier](https://www.behance.net/gallery/184243119/Tech-News-Updates-Navigate-the-Digital-Frontier)
Syntax Error can't use import outside of module when testing with jest
Tags: jest, react, react17, unittest
Published: 2023-12-08 11:30:21

hi everyone,
I installed jest with all needed libraries for testing react applications and I'm facing an error everytime I run npm run test 
this is my package.json
```{
  "engines": {
    "node": "14.20.0",
    "npm": "6.x.x"
  },
  "name": "ui-v2",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@amcharts/amcharts3-react": "^3.1.1",
    "@amcharts/amcharts4": "^4.10.35",
    "@emotion/react": "^11.11.0",
    "@emotion/styled": "^11.11.0",
    "@material-ui/core": "^4.12.4",
    "@mui/icons-material": "^5.11.16",
    "@mui/material": "^5.13.0",
    "@reduxjs/toolkit": "^1.9.5",
    "file-saver": "^2.0.5",
    "firebase": "^9.9.0",
    "inflected": "^2.1.0",
    "javascript-color-gradient": "^2.4.4",
    "jquery": "^3.7.0",
    "jqueryui": "^1.11.1",
    "moment": "^2.29.4",
    "plotly.js": "^2.23.0",
    "rc-slider": "^9.7.5",
    "react": "^17.0.2",
    "react-cookies": "^0.1.1",
    "react-dom": "^16.14.0",
    "react-dropdown-tree-select": "^2.8.0",
    "react-grid-layout": "^1.3.4",
    "react-helmet": "^6.1.0",
    "react-https-redirect": "^1.1.0",
    "react-phone-input-2": "^2.15.1",
    "react-plotly.js": "^2.6.0",
    "react-popup": "^0.10.0",
    "react-redux": "^8.0.5",
    "react-router-dom": "^5.3.4",
    "react-scripts": "^5.0.1",
    "react-select": "^4.3.1",
    "react-table": "6.9.0",
    "react-trello": "^2.2.11",
    "redux": "^4.2.0",
    "shortid": "^2.2.16",
    "tabulator-tables": "~4.9.3",
    "uikit": "~3.11.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "jest",
    "coverage": "jest --coverage",
    "eject": "react-scripts eject"
  },
  "client": {
    "machine_name": "pi",
    "categoryToolkit": true,
    "isAdmin": true,
    "version": "2.87.0.17"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "@babel/plugin-transform-private-property-in-object": "^7.21.11",
    "@redux-devtools/core": "^3.13.1",
    "@svgr/webpack": "^6.2.1",
    "@testing-library/jest-dom": "^6.1.5",
    "@testing-library/react": "^14.1.2",
    "eslint-plugin-jest": "^27.6.0",
    "jest": "^29.7.0",
    "jest-environment-jsdom": "^29.7.0",
    "resolve-url-loader": "^5.0.0",
    "webpack-dev-server": "~4.10.0"
  },
  "overrides": {
    "@svgr/webpack": "$@svgr/webpack",
    "resolve-url-loader": "$resolve-url-loader",
    "webpack-dev-server": "$webpack-dev-server"
  }
}```
this is my jest.config.js
```module.exports = {
  collectCoverage: true,
  collectCoverageFrom: ['src/**/*.{js,jsx}'],
  coverageDirectory: 'coverage',
  testEnvironment: 'jsdom',
  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
}```
this is my jest.setup.js
```import '@testing-library/jest-dom'```
Can anyone tell me what I'm missing here ?
System Thinking
Tags: programming, productivity
Published: 2023-12-08 11:28:05

Most of us here know what is required to be a good programmer. Having a functioning distribution, docs in order, meaningful abstractions, comments when needed and so forth. Naturally, if you want to uphold such a nice state you have to think a lot before doing anything, then going three steps backward and make a lot of other changes just to enable the changes you want to make and maybe even fixing stuff you discovered on the way.

Yes real programming can be tedious if not broken down in small enough tasks (release often). And there is lots written about it, that loosely fits into the category of software engineering. But instead of memorizing lots of rules, I find it far more helpful to adopt system thinking.

Programmer already (should) do that when writing tests. Then we step outside our role of an app/lib dev and try to think about all the ways functioning software could be broken. In similar fashion we can read our docs like someone who tries to get basic help. Yes that's not easy and also a bit silly task just to pretend what we don't know what we know. But it is an acquired skill to blend out certain knowledge and having fun to play ignorant. In the end its way more effective than organize someone who is really an outsider and communicate with him - especially with the first 60-70% of the issues. Once you have quality docs with some issues it can be helpful to have another set of eyes. Or if less important you can rely on tracker issues.

And if we understand software building as a system of interaction between the customer, developer, user and other people. We can access if things are good simply by taking the perspective of a role - after all these are humans too.

We should see - the most important system in that of the  human awareness. Things like attention span, direction of focus, amount of data that fits into the rational mind or the intuitive mind (magnitudes more) and so forth are to seldom considered and taught. But if you know a bit about it (and my next posts will talk more about it) it will be less hard to simulate other perspectives. It will also help you to stick to processes, that have your own human limits as a developer in mind. This is the core of my cellular programing method, than i want to develope also in following posts.
Instander APK Download
Published: 2023-12-08 11:24:27


[Instander APK](https://instanderapks.com/) One of the most popular social networks in the world and a major source of online amusement for me is Instagram. I get to see postings from my favorite influencers and celebs directly, which gives me the fun material I so deserve. In addition, I get to experience friends' and followers' lives through their stories and share mine with them.

Like many other social networks, it does, however, lack a few small user-experience elements. As a result, developers typically create their own workable versions of these apps, with the Instander APK appearing to be the greatest Instagram app substitute.

[InstaMod APK](https://instanderapks.com/)  an Instamod called Instander APK was created for Android smartphones to give Instagram users access to additional useful functions that can help with the problems mentioned above. As an alternative to the standard Instagram app, this one lets you access your account through its platform. In exchange, the incredible features that can be accessed through the official app provide you with the best possible social experience

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


[instander APK Download](https://instanderapks.com/) Thedise's (Dmitry Gavrilov) creator created an application that is as safe as possible and ensures that users will have an amazing browsing experience without having to worry about being banned for using mods. This is because the application comes pre-installed with professional and effective anti-ban properties.
Custom Paths for mocks Folder in Monorepo using Jest
Published: 2023-12-08 11:16:46

Imagine you have a monorepo with tons of repositories. For each repository, you encounter the same issue: a need to maintain an identical mock in each repository. Whenever you update one, you must manually update all the others. This can result in a significant waste of your time.

You have a good idea to place your mock at the root level for importing into all tests as needed. While this approach works, it introduces a new small problem: **Your imports can become like Morse code**, especially if your tests are deeply nested.

![Morse Mock](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6nga0mga1r9bk4rlrw3g.png)

To solve that, we're going to create a custom path for your mocks folder inside your Jest configuration for each repository in your monorepo.

```js
 moduleNameMapper: {
    '^@mocks/(.*)$': '<rootDir>/<your_path_to_your_mock_folder>/$1', 
  },
```
And now, we can import our mock inside each test using this syntax:

```js
const mockAdd = require('@mocks/math');


test('uses mockAdd to add 1 + 2 to equal 3', () => {
  expect(mockAdd(1, 2)).toBe(3);
});
```
And our mock tests are well-exported.

```js
const mockAdd = jest.fn((a, b) => a + b);

module.exports = mockAdd;

```
If your tests are correct, this should be the result.

![Test Pass](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cc5sq5z632jpo1jk0bkg.png)
How to make React fields interdependent of each other
Tags: javascript, react, webdev, programming
Published: 2023-12-08 11:00:25

I have a SelectBox( a dropDown) which renders a list of options , and a toggleButtons yes and no, now these buttons will become editable when I select only a particular option say 'x' from that list of options. And, on selecting other options these toggleButtons need to be in disabled mode.
Zod - TypeScript-first schema declaration and validation library #4
Tags: programming, javascript, typescript, zod
Published: 2023-12-08 11:00:00


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

✨ **Create an Array of Custom Types** ✨

We are still using the Star Wars API like the [previous story](https://dev.to/nhannguyendevjs/zod-typescript-first-schema-declaration-and-validation-library-2-4k38) but this time we want _all_ of the people it returns.

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

If this was a TypeScript interface, it might look like:

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

We will update _StarWarsPeopleResults_ to use an object schema representing an array of _StarWarsPerson_ objects.

We will update _StarWarsPeopleResults_ to use an object schema representing an array of _StarWarsPerson_ objects.

We create an object that references other objects. In this case, StarWarsPeopleResults will be a [z.object](https://zod.dev/?id=objects) that contains results.

For results, we will use [z.array](https://zod.dev/?id=arrays) and provide it with our StarWarsPerson type. We don't have to repeat the name: [z.string()](https://zod.dev/?id=strings) part!

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

Declaring arrays of objects like this is one of the most common uses for _z.array()_, especially when referencing types you already created.

---

I hope you found it useful. Thanks for reading. 🙏
Let's get connected! You can find me on:
- Medium: https://medium.com/@nhannguyendevjs/
- Dev: https://dev.to/nhannguyendevjs/
- Substack: https://nhannguyendevjs.substack.com/
- Linkedin: https://www.linkedin.com/in/nhannguyendevjs/
- X (formerly Twitter): https://twitter.com/nhannguyendevjs/
The Conundrum of the "Top X" Articles 🤔
Tags: discuss
Published: 2023-12-08 10:53:36

In the vast ocean of programming and technology, we all strive to stay afloat. [DEV](https://dev.to/) has emerged as one of the foremost platforms for developers to share knowledge, exchange ideas, and learn from one another. However, the platform's recent trend of _"Top X Extensions You Must Know"_ or _"Top Y GitHub Repositories For Junior Developers"_ posts may be causing more harm than good, particularly for inexperienced developers.

**The FOMO Effect**: The Fear of Missing Out, or FOMO, is a fairly common phenomenon in our ever-connected world. In the context of technology and programming, it manifests as the worry that you're missing out on key resources, tools, or information that could make you a more competent professional. The abundance of "must-know" posts on [DEV](https://dev.to/) might be unintentionally amplifying this anxiety among developers, especially those just starting in their tech journey.

**The Impact**: While these posts might seem helpful on the surface, they often lead to information overload and decision paralysis. Developers might find themselves spending more time agonizing over which tools or resources to focus on, rather than actually learning and applying new skills. This not only hampers their progress, but can also lead to burnout and decreased motivation.

**The Algorithm Factor**: The prevalence of these posts is likely influenced by the platform's algorithm, which typically favours popular and high-engagement content. This creates a vicious cycle where more of this type of content is produced and promoted, thereby exacerbating the issue. 

**Moving Forward**: It is crucial for us, as a community, to recognize this problem and work towards a more balanced content ecosystem. We need to shift our focus from quantity to quality, and from "must-know" to "good-to-know". It's about time we start creating content that truly adds value to a developer's journey, without adding to their stress.

**Conclusion**: As content creators, it's our responsibility to ensure that our work aids, not hinders, the growth of our fellow developers. Let's start a conversation about how we can achieve this on [DEV](https://dev.to/) and other similar platforms. What are your thoughts on this issue? How can we make the [DEV](https://dev.to/) community more valuable and less overwhelming for every developer?

Remember, in the grand scheme of things, being a great developer is not about knowing every tool or resource out there. It's about problem-solving, creativity, and continuous learning. Let's focus on fostering these essential skills, and the rest will follow.
Browser AI project - Package for building AI-Powered Web Application
Tags: vue, browser, openai, ai
Published: 2023-12-08 10:51:57

I made a project called `Browser AI`

This is a tool library for developing AI web applications at browser side, especially tailored for business applications that require compliance with rules.

This library can assist you in:

- Integrating LLM functionality with business logic.
- Translating user natural language into UI actions or executing specific functions.
- Navigating and guiding users.

You can refer to the conceptual demonstration repository [ai-vue-concept](https://github.com/shunnNet/ai-vue-concept).

## Features
- Simple: No complicate setting or parameters.
- Atomic: Atomic-level natural language functions. (.is(), .whichIs(), etc.)
- Framework integration: (`Vue` only currently):
Easily annotate node, routing information and incorporate prompts
- Render component in LLM message
- Typed: Support Typescript.

## Doc
You can check more info at:
- [documentation](https://courageous-manatee-a625e9.netlify.app/)
- [github](https://github.com/shunnNet/browser-ai)

-----------------------------------

Although it is still un-stable (I think I should make something like testing and more consideration), the basic functionalities are complete. So you can try to play with that.
Computer Course in Chandigarh
Tags: computervision, webdev
Published: 2023-12-08 10:50:53


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/04siicyoumabnh37ek00.png)
A computer course typically provides structured learning on various aspects of computing, covering hardware, software, programming, and applications. It aims to equip participants with essential skills and knowledge to navigate and utilize computer systems effectively. Courses may include topics such as computer fundamentals, operating systems, programming languages, databases, networking, and cybersecurity. The duration and depth of a computer course can vary, ranging from short-term introductory programs to comprehensive degrees. Practical exercises and hands-on projects are often integrated to enhance understanding and proficiency. The goal is to empower individuals with the expertise needed for diverse roles in the rapidly evolving field of technology.
https://www.excellencetechnology.in/computer-course-in-chandigarh
LTE -Architecture
Published: 2023-12-08 10:49:04

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

UU (air interface) -> 
1. Interaction to ue (transmit and receive dat)a, 
2. user plane and control plane protocol termination towards the UE.



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

Load Balancing -> Connecting the ue to another enodeB in case the present one is facing overload.

**_<u>X2 Interface</u>_** - (Interconnects 2 enodeBs)


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


**_<u>S1 Interface</u>_**

![Uploading image](...)

GTPU -> tunnel between
AI Directory: Branding
Tags: aidirectory, cheatsheet
Published: 2023-12-08 10:21:10

* [![Favicon](https://icon.horse/icon/namesnack.com) Namesnack](https://namesnack.com)
* [![Favicon](https://icon.horse/icon/namify.tech) Namify](https://namify.tech)
* [![Favicon](https://icon.horse/icon/namefruits.com) Namefruits](https://namefruits.com)

> ## Useful links
> - [Create Online cheatsheet](https://simplecheatsheet.com/)
> - [AI Directory Cheatsheet](https://simplecheatsheet.com/ai-directory)
ChatGPT: Spreadsheets
Tags: chatgpt, cheatsheet
Published: 2023-12-08 10:21:08

* **Help create a spreadsheet formula**
```
Can you help me create a formula to calculate the sum of cells A1 to A10?
```
* **Explain a formula to you**
```
Can you explain the meaning of the formula =SUM(A1:A10) in simple terms?
```
* **Create dummy data for placeholders**
```
Can you generate dummy data for me to use as placeholders in my spreadsheet?
```
* **Help create a complex macro**
```
I need to create a macro that calculates the average of cells B1 to B10 and inserts the result in cell C1. Can you help me with that?
```
* **Provide tips for improving spreadsheet efficiency**
```
Can you give me some tips on how to improve the efficiency of my spreadsheet?
```
[ð¡ I Got an IDEA](https://github.com/Fechin/reference/blob/main/source/_posts/chatgpt.md)

> ## Useful links
> - [Create Online cheatsheet](https://simplecheatsheet.com/)
> - [ChatGPT Cheatsheet](https://simplecheatsheet.com/chatgpt)
Vim: Normal Mode
Tags: vim, cheatsheet
Published: 2023-12-08 10:21:05

| Shortcut | Description |
| --- | --- |
| `r` | Replace one character |
| `R` | Enter Replace mode |
| `u` */* `3u` | Undo changes `1` / `3` times |
| `U` | Undo changes on one line |
| `J` | Join with next line |
| `<C-r>` */* 5 `<C-r>` | Redo changes `1` / `5` times |

> ## Useful links
> - [Create Online cheatsheet](https://simplecheatsheet.com/)
> - [Vim Cheatsheet](https://simplecheatsheet.com/vim)
PQ88_Nhà Cái Cá Cược Trực Tuyến Đẳng Cấp Châu Á 2024
Tags: webdev
Published: 2023-12-08 10:04:55

Tham gia PQ88 giải trí thăng hoa cùng sản phẩm chất lượng và rinh ngàn thưởng khủng với loạt trò chơi siêu hấp dẫn từ bắn cá, xổ số, slot game …
Website : https://pq88.ac/
SĐT 028.888.973.88
Địa chỉ 47/17 Hẻm 47 Thăng Long, Phường 4, Tân Bình, Thành phố Hồ Chí Minh
Hastag #pq88 #pq88ac

[[](url)](https://pq88.ac/
https://twitter.com/pq88ac
https://www.pinterest.com/pq88ac/
https://www.tumblr.com/pq88ac
https://www.youtube.com/@pq88ac
https://www.linkedin.com/in/pq-ac-a981652a3/overlay/contact-info/
https://dribbble.com/pq88ac/about
https://grabcad.com/pq88.ac-1
https://research.openhumans.org/member/pq88ac/
https://hackerone.com/pq88ac?type=user
https://www.datacamp.com/portfolio/pq88ac
https://glints.com/vn/profile/public/466510d4-0403-4cd9-a4ec-c01575a13ef1
https://unsplash.com/@pq88ac
https://flightsim.to/profile/pq88ac
https://co[](url)depen.io/pq88ac/pen/bGzZGGe
https://www.hahalolo.com/post/6572e1ed718902627dddd426
https://www.docdroid.net/MwTBnaO/c-pdf
https://soundcloud.com/pq88ac
https://band.us/band/93199260/post/1
https://vimeo.com/user212405473
https://pq88ac.bravesites.com/entries/general/pq88ac
https://groups.google.com/g/chuyennhatrongoivn/c/5QeD5NzFj68
https://pq88ac.jigsy.com/
https://www.twitch.tv/pq88ac/about
https://profile.ameba.jp/ameba/pq88ac
https://disqus.com/by/pq88ac/about/
https://pq88ac.amebaownd.com/posts/49960404
https://www.scoop.it/u/pq88-ac
https://scholar.google.com/citations?hl=vi&view_op=list_works&gm=&user=si56tX4AAAAJ
https://www.walkscore.com/people/121636331763/pq88-ac
https://fliphtml5.com/dashboard/public-profile/qcbqo
https://pq88ac.gitbook.io/untitled/
https://hub.docker.com/u/pq88ac)