teleren/devto huggingface dataset:
Article: Expert Beginner
Tags: software, learning, career
Published: 2023-02-16 18:16:45


---
title: Article: Expert Beginner 
published: true
description: 
tags: software,learning,career
canonical_url: https://jessewarden.com/2023/02/article-expert-beginner.html
cover_image: 
---

“[How Developers Stop Learning: Rise of the Expert Beginner](https://daedtech.com/how-developers-stop-learning-rise-of-the-expert-beginner/)“

A reminder we should always be learning and questioning the status quo. I was an Expert Beginner at coding, Object Oriented Programming, and in Testing. I thought I was “[done](https://jessewarden.com/2005/08/arp-controller-vs-glorified-hashmap.html/comment-page-1#comment-2823)“. Thankfully [16 years later, I hated it again](https://jessewarden.com/2021/04/i-hate-my-code-again.html).

The coding part terrified me; I stopped hating my code after 5 years. I didn’t know where to go. At the time, I had seen some posts of older devs questioning career progression. I knew management wasn’t for me (the guy who built FeedDeamon was the first life-long Individual Contributor I knew). I never saw architects code, but \_did\_ want more control. OOP, I just gave up after Functional Programming paid a lot of dividends in a shorter period of time, there was way less “confusion” on “how to do it”, and a lot less thought leader blogs & books.

Testing, took YEARS to get better, though. The graph he shows, same happened to me in Powerlifting, Bodybuilding, Parkour, DM’ing in Dungeons & Dragons, Running, Backpacking, and even Functional Programming. But testing? At LEAST 10+ years of many false starts, failures, and confusion why I hated it but smart people claimed it was “the way”.

He’s got 3 articles related to this, I’ve only read [this one first](http://How Developers Stop Learning: Rise of the Expert Beginner).
Default Mouse cursor styles
Tags: codepen, html, css, beginners
Published: 2023-02-16 18:12:53

<h1>Cursor styles</h1>

<p>Most modern browsers support the following cursor styles (hover your mouse over the divs to see the cursor change to that style).The actual appearance of the mouse cursor depends on the browser and OS configuration.</p>

<p>For example, Microsoft, Internet Explorer 8.0 under Windows XP, with Windows Classic theme set in Display Properties, mouse cursors look like below</p>

{% codepen https://codepen.io/Amiru_Weerathunga/pen/PodwVZq %}

<p>To set or change the mouse cursor style for an element of your page from script, you can set the element's property element.style.cursor to one of the above values. (Alternatively, without JavaScript, you can use the attribute style="cursor: value;" in that element's HTML tag.)</p>
useContext in React JS
Tags: react, javascript, beginners, webdev
Published: 2023-02-16 17:56:34

Normally, you would manually pass state down as a prop from a parent component to each child component. However, passing the prop down would become tedious if the child component had nested components. To solve this issue, you can use the **useContext** hook in React, which provides state from a parent component to the child component, no matter how deeply nested it may be. To use **useContext**, you first create a context object using the **createContext** function, where the initial value is used as an argument. The context object has two parts: the **provider**, which wraps around the code that requires access to that information in the context, and a value set to the context used. In the child component, you can import the value prop using **value = useContext(xContext)**. All components wrapped within the **provider** will have access to the value prop.
Setting Up TDM GCC in Ubuntu
Published: 2023-02-16 17:44:22

Installing GCC on Ubuntu
Remini is a great app for editing photos and enhancing them. You can download [remini AI photo enhancer](https://remiapk.com/) from remiapk.
Start by way of updating the programs list: sudo apt update.
Install the [Capcut APK no watermark](https://thecapcut.com/capcut-mod-apk/) build-essential bundle of with the aid of [Shillong Night Teer Result](https://lottomania.in/shillong-teer-result/) typing: sudo apt deploy build-essential. ...
To validate that the GCC compiler of [Mesotherapy products](https://beequeenfillers.com/mesotherapy) is correctly installed, use the gcc for --version command which prints the GCC version: gcc --version.
O que é o Render Props e como ele funciona?
Tags: react, beginners
Published: 2023-02-16 17:40:22

O Render props é um padrão de projeto muito utilizado em React que permite a composição de componentes de forma flexível e reutilizável. 

O Render pros consiste em passar uma função como prop para um componente React.Neste artigo, vamos explicar o que são render props, como eles funcionam e fornecer alguns exemplos práticos. 

Seu nome "Render props" vem do fato de que a função passada como prop é responsável por renderizar algo na tela. Na prática, isso significa que o componente que recebe a função como prop pode chamar essa função em seu método render() e utilizar o valor retornado para renderizar seu próprio conteúdo.

Por exemplo, imagine que você tem dois componentes: um componente "Pai" e um componente "Filho". O componente "Pai" tem uma função que calcula um número aleatório. Você quer que o componente "Filho" renderize esse número.

Usando React Render Props, você pode passar a função de cálculo como uma prop do componente "Pai" para o componente "Filho". O componente "Filho" então chama essa função para obter o número aleatório e renderiza o resultado.

Aqui está um exemplo de como você pode implementar isso em React:

```
// Componente Pai
class Pai extends React.Component {
  gerarNumeroAleatorio = () => {
    return Math.floor(Math.random() * 100);
  }

  render() {
    return this.props.render(this.gerarNumeroAleatorio);
  }
}

// Componente Filho
class Filho extends React.Component {
  render() {
    return (
      <div>
        <h2>Número aleatório:</h2>
        <p>{this.props.numeroAleatorio}</p>
      </div>
    );
  }
}

// Uso dos componentes
class App extends React.Component {
  render() {
    return (
      <Pai render={(gerarNumeroAleatorio) => (
        <Filho numeroAleatorio={gerarNumeroAleatorio()} />
      )} />
    );
  }
}
```

Neste exemplo, o componente "Pai" tem a função gerarNumeroAleatorio, que é passada como prop render para o componente "Filho". No componente "Filho", essa função é chamada com gerarNumeroAleatorio() e o número aleatório resultante é renderizado. Observe que a prop render é uma função que retorna o componente "Filho" com a prop numeroAleatorio definida. Isso permite que o componente "Pai" compartilhe seu comportamento de geração de números aleatórios com o componente "Filho".


Com isso,conseguimos ver como o Render props é um padrão de projeto muito utilizado em React que permite a composição de componentes de forma flexível e reutilizável. E como podemos o usar para facilitar a construção de algo na tela e o reutilizando em outros componentes do seu código React.
Modular React Applications vs Piles on the Floor or Sock Drawer
Tags: react, architecture
Published: 2023-02-16 17:39:39


---
title: Modular React Applications vs Piles on the Floor or Sock Drawer 
published: true
description: 
tags: React,architecture
canonical_url: https://jessewarden.com/2023/02/modular-react-applications-vs-piles-on-the-floor-or-sock-drawer.html
cover_image: 
---

10 years later, I still see the “Piles on the Floor” and “Sock Drawer” architecture in new React projects. I still prefer feature based folders (aka modularity) so code that’s related is next to each other.

<https://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript>
Free Bootcamp: Next Gen Corda Network Setup
Tags: blockchain, corda, tutorial, beginners
Published: 2023-02-16 17:26:07

Join us on Feb 23 for our next bootcamp to learn more about the Membership Group Manager. The MGM enables network operators to set the rules for their application network. In this session, we'll cover the basics of working with Corda MGM. Register here: https://developer.r3.com/events/
Functions in Solidity
Tags: web3, blockchain, solidity, ethereum
Published: 2023-02-16 17:10:51

>In Solidity, a function is a group of reusable code which can be called anywhere in the program.

A function is a collection of reusable code that may be invoked at any point in your program's code. This reduces the need to rewrite the same code over and again in different places. It assists programmers in the creation of modular code. Functions enable a programmer to break down a large software into a number of smaller and more manageable functions.

Solidity, like any other advanced programming language, provides all of the tools required to construct modular code using functions, just like any other advanced programming language would. This section teaches how to create your own functions in Solidity using the Solidity language.

##Definition

It is necessary to declare a function before it may be used. Defining a function in Solidity is most commonly done by referencing it with the function keyword, followed by a unique function name, a list of parameters (which may or may not be empty), and a statement block enclosed by curly brackets.

 

##Syntax

The basic syntax is shown here:
```
function function-name(parameter-list) scope returns() {
   //statements
} 
```
##Example:
```
pragma solidity ^0.8.0;

contract Test {
   function getResult() public view returns(uint){
      uint a = 1; // local variable
      uint b = 2;
      uint result = a + b;
      return result;
   }}
```
##Visibility

Solidity distinguishes between two types of function calls: external function calls that generate an actual EVM message call and internal function calls that do not. Furthermore, internal functions can be rendered inaccessible to derived contracts by modifying the contract's structure. There are four different types of visibility for functions as a result of this.

- External functions are included in the contract interface, which means that they can be called from other contracts as well as from transactions. An external function f cannot be called from within another function (for example, f() does not work, but this.f() does work).

- Public functions are an element of the contract interface and can be called either internally or via message calls. They are called by the contract interface.

- Internal functions can only be accessible from within the current contract or from contracts that are derived from it, and not from outside of it. They are not accessible from the outside world. The fact that they are not available to the outside world through the contract's ABI means that they can take parameters of internal types such as mappings or storage references.

- Private functions are similar to internal functions, with the exception that they are not visible in derived contracts.

For more content, follow me at - https://linktr.ee/shlokkumar2303
Next.js 13 — introduction
Tags: nextjs, webdev, javascript, react
Published: 2023-02-16 16:55:50

Hi! In my second article I want to introduce you to Nextjs 13. This article aims to present the most important things introduced in Next.js 13. In the following articles I will expand every topic.


So what’s new in Next.js 13?

- **_app_** directory —instead of a pages directory, we can now use the app directory with new routing system

- **_page.js_** — creates UI of a route and makes a path publicly accessible

- **_layout.js_** — UI that is shared between multiple pages

- **_template.js_** — templates are similar to layouts in that they wrap each child layout or page but I will expand on this topic later

- **_loading.js_** — creates loading UI

- **_error.js_** — define an error UI boundary for a route segment

- **_not-found.js_** — creates UI to show when UI for the path is not found

- **_route.js_** — creates server-side API endpoints for a route (available in next@canary).

- **_Server components_** — components by default are server components

- **_Next/font_** — self-hosted fonts with zero layout shift

- New **_next/image_** — faster with native browser lazy loading.

- Improved **_next/link_** — simplified API without “a” tag inside


These were the most important things introduced in the new version of Next.js. In the next article I will explain the basics of app directory and routing system.
The Ultimate List of Job Hunting Resources for Software Developers Part 7: Negotiation
Published: 2023-02-16 16:53:35

---
title: The Ultimate List of Job Hunting Resources for Software Developers Part 7: Negotiation
published: true
description: #jobs #jobsearch #negotiation #joboffer #jobhunting
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-02-07 15:15 +0000
---

I've compiled and curated a list of job hunting resources for software developers, it covers resources for writing resumes, applying and managing job applications, efficient ways to prepare for coding interviews, resources to learn system design, you can download the free PDF [here](https://devgrowth.gumroad.com/l/TheUltimateListofJobHuntingResourcesforSoftwareDevelopers).

Negotiate Offers
To negotiate offers you need to know the market, you may also get this question at the beginning of the interview pipeline as well, whether you want to disclose is up for you, but you should know how the market is at the beginning of the job hunting process as well as the last step of job hunting, here are some resources to help:

- [Candidate Planet](https://www.youtube.com/@CandidatePlanet): Youtube channel talks about negotiation
- [levels.fyi](https://www.levels.fyi/): It has the most comprehensive data points for tech jobs
- [meterwork](https://meterwork.com/salaries/): mostly 🇨🇦 tech job data points
- [payscale](https://www.payscale.com/research/CA/Country=Canada/Salary): not just for tech jobs
- [glassdoor](https://www.glassdoor.com/): not just for tech jobs, not too many data points there but you can check the review and ratings
- [teamblind](https://www.teamblind.com/): it has ratings and reviews for a company, and some time you can see people sharing compensation anonymously
Using Current Date & Time in Python
Tags: python, programming
Published: 2023-02-16 16:45:06

If we want to use present date, we need to use python library.

At first, we need to need to import the required library.

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

Then, save the date in a variable and print it, or use it as per need.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ogzegu66py49t3wmdi4.png)
Conferencia motivacional “Motivación, emprendimiento y regresa a la sociedad” para CERESO de Pachuca
Published: 2023-02-16 16:37:09

En el marco de los trabajos para impulsar los trabajos en colaboración entre las organismos de gobierno en beneficio del pueblo de Hidalgo, conforme han sido las indicaciones del Gobernador del estado, Lic. Julio Menchaca Salazar, y el Secretario de Desarrollo Económico, Ing. Carlos Henkel Escorza, **la Secretaria de Desarrollo Económico y la Secretaria de Seguridad Pública** llevaron a cabo la conferencia **“Motivación, emprendimiento y regresa a la sociedad”** en las instalaciones del CERESO Pachuca Varonil a 146 PPL **(personas privadas de su libertad)**.  

>Cuyo objetivo es motivar a personas privadas de su libertad a emprender  estando dentro o al salir de los CERESOS  atraer nuevos clientes, una mayor difusión de su negocio, elevar su competitividad, generar empleos y elevar sus ventas.

Dicha plática fue impartida por el Ing. Raúl Macias García, quien  es fundador del Modelo Nacional de Calidad y Fundador de la empresa de restauración facial Ramax.    

La Secretaría de Desarrollo Económico, a cargo de Carlos Henkel, continuará apoyando a la población hidalguense con el objetivo de promover la transformación económica del estado y generar mayor bienestar para el pueblo de Hidalgo.


![CERESO Pachuca](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7lnobz89r3x9e3lat3tl.png)
Palindrome number - LeetCode
Tags: javascript, beginners, programming, tutorial
Published: 2023-02-16 16:28:00

> Given an integer x, return true if x is a 
palindrome, and false otherwise.

In this challenge, we are tasked to determine if a given integer is a palindrome or not. A palindrome is a number that remains the same when its digits are reversed. For example, 121 is a palindrome, but 123 is not.

The solution to this challenge is to convert the integer into a string, reverse the string, and compare it to the original string. If the two strings are equal, then the number is a palindrome.

```js
var isPalindrome = function(x) {
    let stringified = x.toString();
  let reverse = stringified.split('').reverse().join('');
  return stringified === reverse;
};
```

The function `isPalindrome` takes in a single integer as an argument and returns a boolean value indicating whether or not it is a palindrome. The first step is to convert the integer into a string using `toString()`.

Next, we use the `split()` method to convert the string into an array of characters. We then use the `reverse()` method to reverse the order of the characters in the array. Finally, we use the `join()` method to convert the array back into a string. This string represents the reverse of the original string.

Finally, we compare the original string and the reversed string using the equality operator `(===)`. If the two strings are equal, then the function returns `true`, indicating that the number is a palindrome. If the two strings are not equal, then the function returns `false`, indicating that the number is not a palindrome.

Overall, this solution is straightforward and efficient, with a time complexity of `O(n)` and a space complexity of `O(n)`, where n is the length of the string representation of the integer.
Masterclass: Impulsa tu negocio en redes sociales
Published: 2023-02-16 16:26:40

En el marco de los trabajos para impulsar el desarrollo digital y con ello generar la transformación en beneficio del pueblo de Hidalgo, conforme han sido las indicaciones del Gobernador del estado, **Lic. Julio Menchaca Salazar**, y el Secretario de Desarrollo Económico, **Ing. Carlos Henkel Escorza**, la Subsecretaría de Fomento Económico realizó la **MasterClass “Impulsa tu negocio en redes sociales 2023”**. 

El objetivo del curso es apoyar a las MiPyMEs y emprendedores económicos en el conocimiento de las nuevas tendencias y estrategias de marketing digital que se aplican para la generación de contenido para negocios, que les permita atraer nuevos clientes, una mayor difusión de su negocio, elevar su competitividad, generar empleos y elevar sus ventas.

El fortalecimiento digital permite que las MiPyMEs y permite elevar su competitividad, mayor crecimiento y esto una derrama económica que beneficia a las familias hidalguenses y retroalimenta la actividad y el crecimiento económico en los municipios y regiones de Hidalgo.

Este curso se realizó el día miércoles 18 de enero, a las 10:00 horas, en formato presencial, en las instalaciones del **CCE Hidalgo**, en el cual participaron diversos representantes de empresas y emprendedores, todo ellos interesados en conocer las nuevas estrategias de contenido de Marketing Digital. 

El curso fue impartido por la empresa Alegooria,  agencia de ventas digitales b2b y b2c enfocada en el comercio en línea de productos y servicios, automatización ventas por medio de tiendas digitales, chatsbots y respuesta rápida. 

**La Secretaría de Desarrollo Económico**, a cargo de Carlos Henkel, continuará realizando este tipo de cursos, como parte de su programa de apoyo a la digitalización del sector productivo de Hidalgo, con lo cual se contribuye a promover la transformación económica del estado y generar mayor bienestar para el pueblo de Hidalgo.
 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z5okq9zlviq2imtf0dxm.jpeg)
Conferences and Coffee with Clark Sell: Why 'Just Showing Up' is Key to Building a Thriving Community
Tags: webdev, career, motivation, community
Published: 2023-02-16 16:24:09

Hi friends! I recently had the pleasure of chatting with the man behind one of the coolest conferences around, Clark Sell. You might know him as the mastermind behind THAT Conference, or maybe you've had the pleasure of sipping his incredible coffee… yeah THAT coffee. Either way, this guy has some true knowledge about the tech world.

In our chat, we got down to the nitty-gritty of where the magic happens in the tech conference community. And let me tell you, it's all about showing up. Yep, you heard me right. As much as we love our cozy couches and Netflix binges, sometimes you gotta peel yourself away from the screen(s) and go shake someone's hand. That's how communities are born, my friends. 

So if you're ready to take your tech game to the next level, sit back, relax, and get ready to soak up some serious wisdom + some Grade A banter from the one and only Clark Sell: [here's the link](https://open.spotify.com/episode/14J7o2Eo3Zy12lr5Wakr4s?si=SbmWGixkTCOffvXsW-3eVQ)

If you don’t have 39 minutes and 31 seconds to spare, here's a speedy summary of the best bits from our chat:

- The tech part is easy, but how do you grow yourself?

Tech conferences are an excellent way to further your education and connect with others in the tech community. Duh.

Consider conferences an investment in yourself. You’re without a doubt going to learn something

Use conferences as exposure to the ‘non-techie’ world as a unified group of people. Maybe not to SantaCon levels, but still 

- If you want to be a speaker, make sure your topic isn’t something that’s Google-able. 

Being engaging as a speaker requires more than just profiting off a buzzword topic

Remember that you're speaking to a live audience, so be sure to play off their energy and engage with them


- Sometimes, in person conferences just aren’t in the cards.

Clark has created an online space [that.us](that.us) to simulate the conference buzz and feeling of community but with a focus on being a support group, of sorts, for each other. Go check it out


- Best ways to hack the tech conference code:

JUST SHOW UP
We’re talking with full energy and 100% investment, people. The conference is there for you so act like it
You’re going to be surrounded by people who are putting themselves out there as well. So you already have two things in common, odds are you probably have more

Meet new people
If you’re going to hide in your group of friends or coworkers, what’s the point in going?
You don’t have to be super outgoing— something as simple as sharing a QR code to your LinkedIn and sending out a DM in the comfort of your pajamas while sipping $35 hotel room bottled water totally counts 

- 
Email the organizer ahead of the event

They literally know it all. Let them help you map out the best ways to get the most out of your time
Volunteer
Guess who gets to meet EVERYONE going to a conference— the registration volunteers. 

- 
**And finally, life advice: You’re going to work for a long time, you might as well enjoy it. **
Fragments
Published: 2023-02-16 16:11:29

Fragments are special components that do not produce DOM nodes. 

The syntax is pretty similar to normal function, except...

function Whatever(){
 return (
   <React.Fragment>
   <h3>What you want</h3>
   <p> Baby I got it </p>
   </React.Fragment> 
  );
}

export default Whatever; 

In lieu of the <React.Fragment> open and close tags, you can just have <></>. 

***This is the way to overcome the error Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>