toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

230
active users

#reactjs

1 post1 participant0 posts today
Karthikeyan A K<p>Finally, CSS is going to kill React / JavaScript bloatware <a href="https://developer.chrome.com/docs/web-platform/view-transitions/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/docs/web-</span><span class="invisible">platform/view-transitions/</span></a></p><p><a href="https://mstdn.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mstdn.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mstdn.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mstdn.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
DailyDevDiet<p>Chapter 2: Setting Up the Development Environment</p><p>🔧 Chapter 2 is LIVE! </p><p>Setting up your React development environment properly is crucial for a smooth coding experience. Today's chapter covers everything from Node.js installation to VS Code extensions that will supercharge your productivity.<br>Ready to build your perfect React workspace?</p><p>👉 Read Chapter 2 now: <a href="https://dailydevdiet.com/development-environment-for-react/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dailydevdiet.com/development-e</span><span class="invisible">nvironment-for-react/</span></a><br><a href="https://mastodon.social/tags/ReactJs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJs</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/environment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>environment</span></a></p>
R (rolandinsh)<p>Ja mācētu <a href="https://toot.lv/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> vai kādu <a href="https://toot.lv/tags/VueJs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VueJs</span></a> sen jau būtu smukā daļa arī</p>
Curtis Carter<p>I'm going to start mentoring my friend's son who just completed a coding boot camp through a local community college. I'm starting with <a href="https://floss.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a> projects in languages/frameworks he was taught.ij the boot camp) <a href="https://floss.social/tags/java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>java</span></a> <a href="https://floss.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a></p><p>I maintain a <a href="https://floss.social/tags/csharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>csharp</span></a> project, but if anyone else has something that could use a potentially long term contributor I'll start working with him on issues. He needs to build his resume and learn to work with a distributed team.</p>
codeDude :archlinux: :neovim:<p>I'm looking for job, usually I prefer Mexican payrole jobs ( with mexivan law benefits and plus) but I open to a good contractor/freelance offer<br>I'm a software engineer and full stack developer with 7 years of experience.<br>My technologies are <br>The recent ones are<br><a href="https://floss.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <br><a href="https://floss.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> <br><a href="https://floss.social/tags/RubyOnRails" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RubyOnRails</span></a> <br><a href="https://floss.social/tags/AWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AWS</span></a> <a href="https://floss.social/tags/microservices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microservices</span></a> <br><a href="https://floss.social/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a> <a href="https://floss.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> and <a href="https://floss.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <br><a href="https://floss.social/tags/algolia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algolia</span></a> <a href="https://floss.social/tags/indexer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indexer</span></a> <br><a href="https://floss.social/tags/CSM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSM</span></a> <a href="https://floss.social/tags/contenful" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>contenful</span></a><br>I also have experience.<br><a href="https://floss.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a> <a href="https://floss.social/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a> <br><a href="https://floss.social/tags/workflow" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>workflow</span></a> <br><a href="https://floss.social/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a></p><p><a href="https://floss.social/tags/FediHire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHire</span></a> <a href="https://floss.social/tags/getFediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>getFediHired</span></a> <a href="https://floss.social/tags/FediJobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediJobs</span></a></p>
Shubham Tiwari<p>Hello my frontend developers, today i will be showing some libraries and packages which you could add in your next js project to make it more efficient, fast, error prone, customizable, and type-safe.</p><p><a href="https://dev.to/shubhamtiwari909/next-js-starter-pack-3283" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dev.to/shubhamtiwari909/next-j</span><span class="invisible">s-starter-pack-3283</span></a></p><p><a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/tutorial" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tutorial</span></a></p>
Shubham Tiwari<p>🚀 Mastering API Handling in React &amp; Vanilla JS – One Step at a Time!</p><p>This week, I deep-dived into handling APIs in React and Vanilla JavaScript – not just fetching data, but doing it efficiently and securely which includes: Fetch, CRUD, Query Params, Auth, and AbortController Explained</p><p><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/APIs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>APIs</span></a> <a href="https://mastodon.social/tags/AbortController" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AbortController</span></a> <a href="https://mastodon.social/tags/Authentication" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Authentication</span></a> <a href="https://mastodon.social/tags/Authorization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Authorization</span></a> <a href="https://mastodon.social/tags/AsyncAwait" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AsyncAwait</span></a> <a href="https://mastodon.social/tags/LinkedInLearning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LinkedInLearning</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a></p><p><a href="https://dev.to/shubhamtiwari909/handling-apis-in-frontend-a-complete-guide-fmo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dev.to/shubhamtiwari909/handli</span><span class="invisible">ng-apis-in-frontend-a-complete-guide-fmo</span></a></p>
Collin Donnell<p>Karl is one of the best people I know, not just as a developer, but as a human. He's smart, too. You'd be lucky to have him on your frontend team. If you're on Rails, he can handle your frontend needs while also contributing to the backend. <a href="https://ruby.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://ruby.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://ruby.social/tags/AngularJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AngularJS</span></a> <a href="https://ruby.social/tags/Ruby" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ruby</span></a> <a href="https://ruby.social/tags/RubyOnRails" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RubyOnRails</span></a><br><a href="https://ruby.social/@Kowfm/114671532290285272" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">ruby.social/@Kowfm/11467153229</span><span class="invisible">0285272</span></a></p>
Alvin Ashcraft 🐿️<p>UI Coding Assistants come to Progress Telerik &amp; KendoUI Controls with GitHub Copilot | On .NET with James Montemagno &amp; Sam Basu.</p><p><a href="https://www.youtube.com/watch?v=CRsT3VLzVFY" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=CRsT3VLzVF</span><span class="invisible">Y</span></a> </p><p><a href="https://hachyderm.io/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</span></a> <a href="https://hachyderm.io/tags/aiassistants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aiassistants</span></a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dotnet</span></a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://hachyderm.io/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactjs</span></a></p>
Alvin Ashcraft<p>UI Coding Assistants come to Progress Telerik &amp; KendoUI Controls with GitHub Copilot | On .NET with James Montemagno &amp; Sam Basu. <a href="https://buff.ly/PxF76CM" rel="nofollow noopener" target="_blank">buff.ly/PxF76CM</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23ai" target="_blank">#ai</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23aiassistants" target="_blank">#aiassistants</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23dotnet" target="_blank">#dotnet</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23javascript" target="_blank">#javascript</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23reactjs" target="_blank">#reactjs</a><br><br><a href="https://buff.ly/PxF76CM" rel="nofollow noopener" target="_blank">UI Coding Assistants come to P...</a></p>

Hello Fediverse. So I'm looking for a #remote #opensource job or project in European timezones.

I am not good in writing CVs. So I'm just listing the projects I have done:

I'm a #Linux user. I have good experience using CLI, and I have basic shell scripting skills. I also have a little experience with #FreeBSD

I am also good at reading academic papers, standards(like RFCs) and manpages.

I am up for working on #FOSS projects as freelancer or part time contracts.

Boosts appreciated :)

PS: I am also familiar with #CommonLisp. But I highly doubt if I can find a #Lisp job anywhere!

Codeberg.orgwakegpDetecting wake words using Linear Genetic Programming

Come work with me!

The Met's Digital team is looking for a Senior Software Developer

9-month contract • Hybrid NYC

Looking for:

- 5 + yrs production React / Next.js
- end-to-end feature autonomy
- experience with IIIF a plus

You'll build a Next.js + Sanity app for the Leonard A. Lauder Research Center.

Interested? Details & apply →

metmuseum.wd5.myworkdayjobs.co

metmuseum.wd5.myworkdayjobs.comSenior Software Developer, Lauder Research Center [End-Dated]About the Metropolitan Museum of Art The Met presents over 5,000 years of art from around the world for everyone to experience and enjoy. The Museum lives in two iconic sites in New York City—The Met Fifth Avenue and The Met Cloisters. Millions of people also take part in The Met experience online. Since its founding in 1870, The Met has always aspired to be more than a treasury of rare and beautiful objects. We are committed to fostering a collaborative and respectful work environment with a staff as diverse as the audiences we engage. Our staff members are art lovers who are passionate about working toward a common goal: creating the most dynamic and inspiring art museum in the world. At The Met, every staff member – from security officers to researchers to scientists and beyond – lives by our core values of respect, inclusivity, collaboration, excellence, and integrity. Respect: Engage one another with collegiality, empathy, and kindness, always. Inclusivity: Ensure that all are and feel welcome and valued. Collaboration: Reach across boundaries to exchange ideas and work together toward our shared mission. Excellence: Lead the cultural world in quality and expertise—and inspire curiosity and creativity. Integrity: Hold ourselves to the highest moral standards, admit when we fall short, and then evolve. GENERAL STATEMENT OF RESPONSIBILITIES & DUTIES: As part of the Digital Product Development team, you will collaborate with the Leonard A. Lauder Research Center for Modern Art to develop a series of digital humanities research projects on The Met’s website, and to support the Research Center website. You will build two types of intuitive, design-forward digital interfaces for art historians and other audiences. This is a position with an established end-date or time frame. Time frames will begin upon hire: 9 Months PRIMARY RESPONSIBILITIES & DUTIES: Identify user requirements, develop software solutions and ensure digital applications meet needs of both the Lauder Research center and external researchers and historians. Develop digital tools to interact with research materials including resources such as essays, videos, artist books and sketchbooks. Develop searchable databases for works of art, that include search parameters such as all works that pass through a particular dealer. Work with a cross-functional product development team consisting of a product manager, front and back-end developers, UX designers, QA staff, and the Leonard A. Lauder Research Center team. Attend and engage in regular meetings with the Research Center team to ensure requirements are met. Write clean and well-structured code that is documented appropriately, tested effectively, and consistently error-free. Build core code libraries that are reusable across teams and initiatives. Work with other engineers to prevent unnecessary code duplication. Lead technical development for research projects and collaborate with the team to meet project timelines. Triage, fix and resolve production issues including bugs, bottleneck & deployment hiccups to ensure users stay up & running. Proactively monitor application health to catch and resolve problems early. REQUIREMENTS & QUALIFICATIONS: 5 years of professional experience in software/application development with a focus on web applications. Production-level fluency with React. Hands on experience with Next.js, Sanity, & Elasticsearch preferred. Proven experience with managing projects independently with minimal ramp up. Proven ability to work collaboratively and solve problems within diverse teams. Familiarity with Agile methodologies and iterative software development practices. Demonstrated success delivering complex projects from concept to launch. Proficiency with Git and experience implementing CI/CD pipelines (e.g., Playwright, GitHub Actions) for automated testing. Ability to balance code quality, performance, and test coverage with user and stakeholder needs. Comfortable asking questions and speaking up to clarify goals, request support, and propose improvements. COMPENSATION RANGE: Pay range: $80.00 - $85.00 / Hourly The advertised pay scale reflects the good faith minimum and maximum salary range for this role. The advertised pay scale is not a promise of a particular wage for any specific employee. The specific compensation offered to a candidate may be dependent on a variety of factors including, but not limited to, the candidate’s experience, education, special licensing or qualifications, and other factors. Visa Sponsorship Visa sponsorship is not available for this position. Location Requirements At time of employment, employees are expected to be located within commuting distance of the Museum. “Commuting distance” means that they are located in one of following states: New York, New Jersey, Connecticut, or Pennsylvania (the “Tri-state and PA” areas), and be able to commute to and from the Museum in a single day. Benefits Offerings The Museum provides competitive compensation, and generous benefits and perks for all eligible employees. Note: Benefits Offering may differ based on Employee Status. Medical, dental, vision and life insurance 403(b) basic retirement plan and optional matching retirement plan with an outstanding employer match Considerable paid time off, including annual leave, sick leave, and 13 Museum holidays Long-term disability coverage Flexible Spending Accounts & Health Savings Account (pre-tax income for eligible health care expenses) Commuter benefits (pre-tax income for parking or mass transit expenses) Free financial-planning services Financial assistance for relevant coursework, seminars, and training programs 25% discount for staff in Museum shops A subsidized staff cafeteria Access to the Museums Council pass, which grants free admission to various museums and cultural institutions We recognize that it is highly unlikely that someone meets 100% of the desired attributes for a role. If much of this job description describes you, then please apply for this role. The Met is committed to the full inclusion of all qualified individuals. As part of this commitment, The Met will ensure that persons with disabilities are provided reasonable accommodations. If reasonable accommodation is needed in this process, please contact benefits@metmuseum.org. The Metropolitan Museum of Art provides equal opportunity to all employees and applicants for employment without regard to race, color, religion, creed, sex, sexual orientation, national origin, ancestry, age, mental or physical disability, pregnancy, alienage or citizenship status, marital status or domestic partner status, genetic information, genetic predisposition or carrier status, gender identity, HIV status, military status and any other category protected by law in all employment decisions, including but not limited to recruitment, hiring, compensation, training and apprenticeship, promotion, upgrading, demotion, downgrading, transfer, lay-off and termination, and all other terms and conditions of employment. The Metropolitan Museum of Art provides an opportunity for employees to enrich and develop their love of the arts while contributing their specific skills and talents to the mission of the Museum. Career opportunities at The Met are as varied as the cultures represented in the Museum’s collection, and require all levels of training, experience, and education. We are committed to fostering a collaborative and respectful work environment with a staff as diverse as the audiences we engage. Our staff members are art lovers who are passionate about working toward a common goal: creating the most dynamic and inspiring art museum in the world. At The Met, every staff member – from security officers to researchers to scientists and beyond – lives by our core values of respect, inclusivity, collaboration, excellence, and integrity. If you share our community’s values, please apply to one of our exciting opportunities! Respect: Engage one another with collegiality, empathy, and kindness, always. Inclusivity: Ensure that all are and feel welcome and valued. Collaboration: Reach across boundaries to exchange ideas and work together toward our shared mission. Excellence: Lead the cultural world in quality and expertise—and inspire curiosity and creativity. Integrity: Hold ourselves to the highest moral standards, admit when we fall short, and then evolve. The Museum provides competitive compensation, and generous benefits and perks for all eligible employees. Benefits Offering may differ based on Employee Status. Transparency in Coverage UnitedHealthcare creates and publishes the Machine-Readable Files on behalf of the Metropolitan Museum of Art in compliance with the Transparency in Coverage Rule. To link to the Machine-Readable Files, please click on the URL provided: http://transparency-in-coverage.uhc.com/

React-like functional webcomponents, but with vanilla HTML, JS and CSS

Introducing Dim – a new #Framework that brings #ReactJS-like functional #JSX-syntax with #VanillaJS. Check it out here:
🔗 Project: github.com/positive-intentions
🔗 Website: dim.positive-intentions.com

My journey with #WebComponents started with Lit, and while I appreciated its native browser support (less #Tooling!), coming from #ReactJS, the class components felt like a step backward. The #FunctionalProgramming approach in React significantly improved my #DeveloperExperience and debugging flow.

So, I set out to build a thin, functional wrapper around #Lit, and Dim is the result! It's a #ProofOfConcept right now, with "main" #Hooks similar to React, plus some custom ones like useStore for #EncryptionAtRest. (Note: #StateManagement for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore #Passwordless options like #WebAuthn/#Passkeys).

You can dive deeper into the #Documentation and see how it works here:
📚 Dim Docs: positive-intentions.com/docs/c

This #OpenSource project is still in its early stages and very #Unstable, so expect #BreakingChanges. I've already received valuable #Feedback on some functions regarding #Security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

GitHubGitHub - positive-intentions/dimContribute to positive-intentions/dim development by creating an account on GitHub.

"I recently tried to revive a simple React project from 2015. What should have been a quick update became a multi-day archaeology expedition.... Updating React required rewriting significant portions of the codebase. The solution? I converted it to static HTML and CSS. The entire process took about an hour, the site loads instantly, and it will run unchanged for years."

idiallo.com/blog/what-we-lost-

Ibrahim Diallo BlogWhat We Lost with PHP and jQueryThere was a time when building a website felt straightforward. You'd write some HTML, add PHP for dynamic content, sprinkle in jQuery for interactions, upload it to your server, and you were done. No