Are you over 18 and want to see adult content?
More Annotations
![Доставка японской еды на дом в Москве | Суши ♥ Love](https://www.archivebay.com/archive/1792d084-8970-4102-9cad-98b6c869e28b.png)
Доставка японской еды на дом в Москве | Суши ♥ Love
Are you over 18 and want to see adult content?
![Купити продати iPhone, iPad, Watch, Mac, iPod, Apple TV, AirPort в Україні - Оголошення Apple - iPoster.ua](https://www.archivebay.com/archive/935c0901-e22b-4215-8275-dcfd62de5741.png)
Купити продати iPhone, iPad, Watch, Mac, iPod, Apple TV, AirPort в Україні - Оголошення Apple - iPoster.ua
Are you over 18 and want to see adult content?
![Cloud based ERP Solution | WallPost Software | Work Smart | Work Fast](https://www.archivebay.com/archive/5384ed85-771b-4c53-b0d1-74e8af9c0db0.png)
Cloud based ERP Solution | WallPost Software | Work Smart | Work Fast
Are you over 18 and want to see adult content?
![ISCOM - école de communication et de publicité](https://www.archivebay.com/archive/d3f81892-fcc0-4c36-81e3-ba67c0536fe7.png)
ISCOM - école de communication et de publicité
Are you over 18 and want to see adult content?
![Hayakawa - India's No. 1 Japanese Language School - Chennai](https://www.archivebay.com/archive/145b5924-449e-4ba5-9551-0b9f81f3f256.png)
Hayakawa - India's No. 1 Japanese Language School - Chennai
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of decorationsdemariage.fr](https://www.archivebay.com/archive2/e27dbb40-7c76-4f00-a957-b7f51ffbb21d.png)
A complete backup of decorationsdemariage.fr
Are you over 18 and want to see adult content?
![A complete backup of thepenguinempire.com](https://www.archivebay.com/archive2/2ebde812-a1b7-45c1-8c2f-3050827af8eb.png)
A complete backup of thepenguinempire.com
Are you over 18 and want to see adult content?
![A complete backup of militaryindustrialcomplex.com](https://www.archivebay.com/archive2/b1ff1ff8-785f-4bc6-b61b-9cb8d74e84df.png)
A complete backup of militaryindustrialcomplex.com
Are you over 18 and want to see adult content?
![A complete backup of atelierleuthold.ch](https://www.archivebay.com/archive2/194d2434-987b-4aa2-9873-ad1cd16c3424.png)
A complete backup of atelierleuthold.ch
Are you over 18 and want to see adult content?
![A complete backup of campjellystone.com](https://www.archivebay.com/archive2/e4e3d9ef-7a2c-4f11-92b2-9c7446a18ff6.png)
A complete backup of campjellystone.com
Are you over 18 and want to see adult content?
Text
SWIZEC TELLER
Swizec Teller. Swizec teaching a Serverless React workshop at Reactathon 2019. 👋 Hi I'm Swizec - a geek with a hat - and 13 years ago I was just like you: starting my career. Looking for "real" engineering jobs, dreaming of FAANG, and making 7/hour building websites. Europe ain't no San Francisco that's for sure 😅. SOFTWARE ENGINEERING IS THE 2ND BEST JOB In 2021, US News classified "software developer" as the 2nd best job in America (1st in 2020) using metrics such as median salary, unemployment rate, 10-year growth volume, 10-year growth percentage, and future job prospects. Swizec Teller published ServerlessHandbook.dev @Swizec. HOW TO EXPORT A LARGE WORDPRESS SITE TO MARKDOWN Migrating from Wordpress to Markdown sounds easy. Mention it to any developer and they'll say "Pfft, an afternoon of work at worst". Suddenly it's 6months later and you're losing your mind. VARIANTS – A QUICK TIP FOR BETTER REACT COMPONENTS Variants – a quick tip for better React components. Say you're building a component that shows up in lots of places, like a header. Look at designs and sure enough, same header on every page. Logo, few buttons, username. You create a reusable component. DRY all the way.Fantastic! You
MOCKING AND TESTING FETCH REQUESTS WITH JEST mock. You tell Jest to use a mock library like this: Click through for source. Jest imports this file instead of isomorphic-fetch when running your code. Same approach works to replace any other library. Put a file of < library name> in src/__mocks__ and that file becomes said library. In this case we're replacing the isomorphic-fetchlibrary
USEDIMENSIONS
getClientBoundingRect () measures a DOM node. Width, height, x, y, etc. toJSON turns a DOMRect object into a plain object so you can destructure. Here's how to use it in your project 👇. First, add useDimensions to your project. $ yarn add react-use-dimensions. or. $npm install -
PIRATES’ DOWNFALL CAUSES GLOBAL WARMING Pirates and global warming can't possibly be connected. They're correlated though Here's another one. The more money arcades make, the more people get a doctorate in computer science. Okay maybe those are a little connected. 😅. Data visualization is fun like that. You can show the truth in data, but you can also use data to lie a little. A DAY IS NOT 60*60*24 SECONDS LONG Days aren't 60*60*24 seconds long. They are 1 day long, which on most days maps to 60*60*24 = 86400 seconds. But not on all days. Thanks to the wonder that is daylight savings time (DST), we have a day that's only 23 hours long. We also have a day that's 25 hours long. Then, every few years, we have a day that's 86,401 seconds long. WRITING A REST CLIENT IN HASKELL That's it. Everything you need for a set of values nicely accessible as a dictionary. In Haskell, well in Haskell figuring out how to do that took me all night, then a bit of the morning and finally a helpful tweet from a stranger to tell me just how I was misusingmonads.
HOW TO WAIT FOR DOM ELEMENTS TO SHOW UP IN MODERN BROWSERS Yup, no timeouts. At first glance it looks like this code is going to poll the DOM every 60th of a second to see if the element is there yet. But in practice it only ever retries once. Because no matter what, by the next render frame, whether it comes in a 60th of aSWIZEC TELLER
Swizec Teller. Swizec teaching a Serverless React workshop at Reactathon 2019. 👋 Hi I'm Swizec - a geek with a hat - and 13 years ago I was just like you: starting my career. Looking for "real" engineering jobs, dreaming of FAANG, and making 7/hour building websites. Europe ain't no San Francisco that's for sure 😅. SOFTWARE ENGINEERING IS THE 2ND BEST JOB In 2021, US News classified "software developer" as the 2nd best job in America (1st in 2020) using metrics such as median salary, unemployment rate, 10-year growth volume, 10-year growth percentage, and future job prospects. Swizec Teller published ServerlessHandbook.dev @Swizec. HOW TO EXPORT A LARGE WORDPRESS SITE TO MARKDOWN Migrating from Wordpress to Markdown sounds easy. Mention it to any developer and they'll say "Pfft, an afternoon of work at worst". Suddenly it's 6months later and you're losing your mind. VARIANTS – A QUICK TIP FOR BETTER REACT COMPONENTS Variants – a quick tip for better React components. Say you're building a component that shows up in lots of places, like a header. Look at designs and sure enough, same header on every page. Logo, few buttons, username. You create a reusable component. DRY all the way.Fantastic! You
MOCKING AND TESTING FETCH REQUESTS WITH JEST mock. You tell Jest to use a mock library like this: Click through for source. Jest imports this file instead of isomorphic-fetch when running your code. Same approach works to replace any other library. Put a file of < library name> in src/__mocks__ and that file becomes said library. In this case we're replacing the isomorphic-fetchlibrary
USEDIMENSIONS
getClientBoundingRect () measures a DOM node. Width, height, x, y, etc. toJSON turns a DOMRect object into a plain object so you can destructure. Here's how to use it in your project 👇. First, add useDimensions to your project. $ yarn add react-use-dimensions. or. $npm install -
PIRATES’ DOWNFALL CAUSES GLOBAL WARMING Pirates and global warming can't possibly be connected. They're correlated though Here's another one. The more money arcades make, the more people get a doctorate in computer science. Okay maybe those are a little connected. 😅. Data visualization is fun like that. You can show the truth in data, but you can also use data to lie a little. A DAY IS NOT 60*60*24 SECONDS LONG Days aren't 60*60*24 seconds long. They are 1 day long, which on most days maps to 60*60*24 = 86400 seconds. But not on all days. Thanks to the wonder that is daylight savings time (DST), we have a day that's only 23 hours long. We also have a day that's 25 hours long. Then, every few years, we have a day that's 86,401 seconds long. WRITING A REST CLIENT IN HASKELL That's it. Everything you need for a set of values nicely accessible as a dictionary. In Haskell, well in Haskell figuring out how to do that took me all night, then a bit of the morning and finally a helpful tweet from a stranger to tell me just how I was misusingmonads.
HOW TO WAIT FOR DOM ELEMENTS TO SHOW UP IN MODERN BROWSERS Yup, no timeouts. At first glance it looks like this code is going to poll the DOM every 60th of a second to see if the element is there yet. But in practice it only ever retries once. Because no matter what, by the next render frame, whether it comes in a 60th of aSWIZEC TELLER
Swizec Teller. Swizec teaching a Serverless React workshop at Reactathon 2019. 👋 Hi I'm Swizec - a geek with a hat - and 13 years ago I was just like you: starting my career. Looking for "real" engineering jobs, dreaming of FAANG, and making 7/hour building websites. Europe ain't no San Francisco that's for sure 😅. TRYING OUT REACT 18 ALPHA The point of is to enable loading modes in your UI. Instead of {isLoading && }, you can let React handle that for you.. Fantastic when different components have to coordinate their loading – lets you avoid spinner cascades. They suck. With React 17, that component would mount, run its effects, then hide. Now it waits until data isready.
USEDIMENSIONS
getClientBoundingRect () measures a DOM node. Width, height, x, y, etc. toJSON turns a DOMRect object into a plain object so you can destructure. Here's how to use it in your project 👇. First, add useDimensions to your project. $ yarn add react-use-dimensions. or. $npm install -
USING D3JS TRANSITIONS IN REACT We start with an SVG transformation that moves our alphabet into the specified (x, y) position, then define a ReactTransitionGroup and map through this.state.alphabet to render a collection of Letter components. Each Letter gets its current text – d – and index – i.We have to define the key attribute based on the letter – d.. The Alphabet component assumes the parent component renders QUICK SCATTERPLOT TUTORIAL FOR D3.JS One of the many interesting things Github does are punchcards for repositories that can tell you when people work on their code. Unfortunately, they're only per-repository and I was interested in per-user Github punchcards.. So I made my own. Collecting the data was fairly straightforward, finding a simple tutorial/example of a scatterplot in d3.js proved to be less than trivial. GETTING THE CSS OUT OF RENDERED REACT COMPONENTS Rendered components get the class property, CSS rules go in a tag in your header. We can combine those to get a clean set of CSS rules. Scoped to the target component with nothing extra to mess us up. 👌. 34 lines of prettified code in total 👇. Click through for source. As the comments say: VILLE DEPP AND JOHNNY VALO Ville Depp. He looks like he's turned into a Johnny Depp clone, so I've decided to henceforth talk of Ville as Ville Depp and because the original likewise looks strikingly similar to the fake I have decided to refer to mister Johnny as a Johnny Valo, but you know what, let me give you anexamples of the striking new similarity. Johnny Valo. MOVING 13 YEARS OF WORDPRESS BLOG TO GATSBY MARKDOWN How to move an existing Wordpress blog to Gatsby. Creating the blog itself is easy: Setup repo. Follow the gatsby tutorial. Add a bunch of plugins that sound useful. Now, your old stuff may not be great but you should keep it anyway. For the memories, for not breaking old links, for being a good member of the internet. (AB)USING D3.JS TO MAKE A PONG GAME Hokay. hit_paddle is a helper function that tells us whether the ball is touching a paddle - paddle position minus ball radius. Simple. collisions looks hairy, but it's very repetitive:. if the ball hits top or bottom edge, its vertical position should flip. if the ball is to the right enough to hit the paddle, it will either flip its horizontal direction, or tell the calling code that "right HOW I ACCIDENTALLY LOST MY SOCIAL SKILLS "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me.SWIZEC TELLER
Swizec Teller. Swizec teaching a Serverless React workshop at Reactathon 2019. 👋 Hi I'm Swizec - a geek with a hat - and 13 years ago I was just like you: starting my career.. Looking for "real" engineering jobs, dreaming of FAANG, and making 7/hour buildingwebsites.
HOW TO EXPORT A LARGE WORDPRESS SITE TO MARKDOWN Migrating from Wordpress to Markdown sounds easy. Mention it to any developer and they'll say "Pfft, an afternoon of work at worst". Suddenly it's 6months later and you're losing your mind. SOFTWARE ENGINEERING IS THE 2ND BEST JOB Swizec Teller published ServerlessHandbook.dev@SwizecOk so I've been doing lots of research into the Software Engineer job market to show USCIS should let me stay 🇺🇸 Some highlights 👇 Software Engineer is the 2nd best job in USA. MOCKING AND TESTING FETCH REQUESTS WITH JEST "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. WHAT MAKES YOU A SENIOR SOFTWARE ENGINEER ANYWAY? Want to become a true senior engineer?. Getting that senior title is easy. Just stick around. Being a true senior takes a new way of thinking. Do you have it? Leave your email and get the Senior Mindset series - a series of curated essays on the mindset of a senior software engineer. What it takes to get there, what should you do when you're there, how to change the way you think. HOW TO BUILD A REMARK PLUGIN TO SUPERCHARGE YOUR STATIC Simple as that. Let me explain. You import the visit helper from Unified utilities, prefixed always with unist-util for some reason. There's also a map and a reduce and all the other methods you commonly use to work with data.. The visit method deals with the mess and recursion of navigating around an abstract syntax tree.. Your transformer function gets the current tree and a reference to the PIRATES’ DOWNFALL CAUSES GLOBAL WARMING "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. WRITING A REST CLIENT IN HASKELL That's it. Everything you need for a set of values nicely accessible as a dictionary. In Haskell, well in Haskell figuring out how to do that took me all night, then a bit of the morning and finally a helpful tweet from a stranger to tell me just how I was misusingmonads.
HOW TO WAIT FOR DOM ELEMENTS TO SHOW UP IN MODERN BROWSERS And it works. It really does. As long as you keep looking at it. But modern browsers are tricky. When the tab isn't in focus, or your user's computer is running slow, or whatever, that timeout won't haveenough time.
A DAY IS NOT 60*60*24 SECONDS LONG And even some that tried to do a linter's job. They all have a point, but none of them got the point.. Days aren't 60*60*24 seconds long. They are 1 day long, which on most days maps to 60*60*24 = 86400 seconds. But not on all days. Thanks to the wonder that is daylight savings time (DST), we have a day that's only 23 hours long.SWIZEC TELLER
Swizec Teller. Swizec teaching a Serverless React workshop at Reactathon 2019. 👋 Hi I'm Swizec - a geek with a hat - and 13 years ago I was just like you: starting my career.. Looking for "real" engineering jobs, dreaming of FAANG, and making 7/hour buildingwebsites.
HOW TO EXPORT A LARGE WORDPRESS SITE TO MARKDOWN Migrating from Wordpress to Markdown sounds easy. Mention it to any developer and they'll say "Pfft, an afternoon of work at worst". Suddenly it's 6months later and you're losing your mind. SOFTWARE ENGINEERING IS THE 2ND BEST JOB Swizec Teller published ServerlessHandbook.dev@SwizecOk so I've been doing lots of research into the Software Engineer job market to show USCIS should let me stay 🇺🇸 Some highlights 👇 Software Engineer is the 2nd best job in USA. MOCKING AND TESTING FETCH REQUESTS WITH JEST "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. WHAT MAKES YOU A SENIOR SOFTWARE ENGINEER ANYWAY? Want to become a true senior engineer?. Getting that senior title is easy. Just stick around. Being a true senior takes a new way of thinking. Do you have it? Leave your email and get the Senior Mindset series - a series of curated essays on the mindset of a senior software engineer. What it takes to get there, what should you do when you're there, how to change the way you think. HOW TO BUILD A REMARK PLUGIN TO SUPERCHARGE YOUR STATIC Simple as that. Let me explain. You import the visit helper from Unified utilities, prefixed always with unist-util for some reason. There's also a map and a reduce and all the other methods you commonly use to work with data.. The visit method deals with the mess and recursion of navigating around an abstract syntax tree.. Your transformer function gets the current tree and a reference to the PIRATES’ DOWNFALL CAUSES GLOBAL WARMING "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. WRITING A REST CLIENT IN HASKELL That's it. Everything you need for a set of values nicely accessible as a dictionary. In Haskell, well in Haskell figuring out how to do that took me all night, then a bit of the morning and finally a helpful tweet from a stranger to tell me just how I was misusingmonads.
HOW TO WAIT FOR DOM ELEMENTS TO SHOW UP IN MODERN BROWSERS And it works. It really does. As long as you keep looking at it. But modern browsers are tricky. When the tab isn't in focus, or your user's computer is running slow, or whatever, that timeout won't haveenough time.
A DAY IS NOT 60*60*24 SECONDS LONG And even some that tried to do a linter's job. They all have a point, but none of them got the point.. Days aren't 60*60*24 seconds long. They are 1 day long, which on most days maps to 60*60*24 = 86400 seconds. But not on all days. Thanks to the wonder that is daylight savings time (DST), we have a day that's only 23 hours long. WORDS THAT SCARE DEVELOPERS new Date('2021-06-05') gives you a timestamp set to midnight in the user's timezone. 5pm UTC in San Francisco, 3pm UTC in New York, etc. And when the server expects midnight UTC, you got a problem. We did that for startDate but not for endDate.. 🤦♀️. Timezones. I cannot tell you how much of my life I've lost to timezones, my friend. MOCKING AND TESTING FETCH REQUESTS WITH JEST "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. USING D3JS TRANSITIONS IN REACT We start with an SVG transformation that moves our alphabet into the specified (x, y) position, then define a ReactTransitionGroup and map through this.state.alphabet to render a collection of Letter components. Each Letter gets its current text – d – and index – i.We have to define the key attribute based on the letter – d.. The Alphabet component assumes the parent component renders LICECAP - BEST SCREEN CAPTURE TOOL I'VE EVER USED Typing under pressure from a screen recorder is really hard. Kudos to everyone who makes educational screencasts to help people learn programming. But LICEcap really is the best screen recorder I've ever used. Definitely the simplest. THE TWO WAYS TO BUILD A ZOOMABLE DATAVIZ COMPONENT WITH D3 Much like the component, you can think of as having 4 parts:. constructor and componentWillUpdate call updateD3 with fresh props to update internal D3 state; updateD3 sets up two linear scales for us.xScale translates between data values and horizontal coordinates, yScale translates between data values and vertical coordinates; Thethird part is split
LEARNING WEBRTC PEER-TO-PEER COMMUNICATION, PART 2 call is where the fun starts. Saves whom we're calling to state and creates a peer connection. createPeerConnection passes all the things into our PeerConnection class.. hangUp and closeVideoCall work together to finish our call. We need both because one is user-driven and the other is called when hangup comes from the other side. HEADING FOR DYSTOPIA OR UTOPIA? "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. HOW TO POPULATE REACT-REDUX-FORM WITH DYNAMIC DEFAULT handleSubmit is the function we call when a user submits either by pressing the Submit button or hitting Enter. In our case, it prints values to the console. The render method uses a component from react-redux-form. It comes with all the necessary Redux wiring so wedon't have to
A FUN SECURITY BUG WITH STATIC RENDERING If running in the browser and page locked, show paywall. What's the matter, bub? The Serverless Handbook, like all my sites, uses Gatsbyto work faster.
WEEK 12: PRACTICAL COLD BOOT ATTACKS THAT WILL MAKE Week 12: practical cold boot attacks that will make cryptonerds shit their pants [This post is part of an ongoing challenge to understand 52 papers in 52 weeks.swizec.com
WANT TO BECOME A HIGH VALUE JAVASCRIPT EXPERT? Leave your email and I'll send you an INTERACTIVE MODERN JAVASCRIPT CHEATSHEET 📖 right away. After that you'll get thoughtfully written emails every week about REACT, JAVASCRIPT, and YOUR CAREER. START WITH AN INTERACTIVE CHEATSHEET 📖 Then get thoughtful letters 💌 on MINDSETS, TACTICS, AND TECHNICAL SKILLS for your career. "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. Inspiring! And very relatable. 👌"~ Ashish Kumar
Your NameYour EmailYour AddressSubscribe & Become an expert 💌 Join over 10,000 engineers just like you already improving their careers with my letters, workshops, courses, and talks. ✌️ NOT READY TO SUBSCRIBE? Read the latest articles 👉 /blog WHAT OTHERS ARE SAYING > Swizec, I love your way of writing these newsletters. Often very > relatable and funny perspectives about the mundane struggles of a > dev. Lightens up my day. ~ Kostas > Great insights. Completely loved it. ~ Yannik > It's extremely valuable on a daily basis, I didn't even know I > needed it so much. ~ Bruno > It’s inspirational, the examples you chose are simple enough to > give me ideas and make it feel possible ~ Bestio > Never really thought about the value of my engineer mindset since > we've been conditioned to only care about the low level code. Thanks > for the reminder to take a bigger picture view of our work. ~> l0cam0chaa
> Something that I needed to hear today :) ~ Elisa > You inspire me Swizec. I love getting your emails. +1 ~ Anthony > Good lessons summarized neatly in a quick read ~ Nesim > I enjoy your writing style. You make the content enjoyable and very > readable! ~ Paula > It had depth and story telling to relay the important message. ~> Bahit
> Its positive and infectiously so. ~ Toni START WITH AN INTERACTIVE CHEATSHEET 📖 Then get thoughtful letters 💌 on MINDSETS, TACTICS, AND TECHNICAL SKILLS for your career. "Man, love your simple writing! Yours is the only email I open from marketers and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. Inspiring! And very relatable. 👌"~ Ashish Kumar
Your NameYour EmailYour AddressSubscribe & Become an expert 💌 Join over 10,000 engineers just like you already improving their careers with my letters, workshops, courses, and talks. ✌️SWIZEC TELLER
Swizec teaching a Serverless React workshop at Reactathon 2019 👋 Hi I'm Swizec - a geek with a hat - and 13 years ago I was just like you: starting my career. Looking for "real" engineering jobs, dreaming of FAANG, and making 7/hour building websites. Europe ain't no San Francisco that's forsure 😅
Through hard work and perseverance, I made it into Silicon Valley 💪 Got a high 6-figure job, a nice sidehustle, and plenty in the bank. NOW I WANT TO SHOW YOU EVERYTHING I LEARNED both technical and not. MINDSETS, TACTICS, AND TECHNICAL SKILLS. You can find me on Twitter , GitHub, and YouTube
, or email me at hi@swizec.com Here's how I help beyond the newsletter 👇WORKSHOPS
Teaching a Serverless React workshop at Reactathon 2019SERVERLESS REACT
THE WEB HAS NEVER BEEN SO PRODUCTIVE. You can build and launch a whole new app in just a few hours. It’s crazy! You can build what huge teams with large budgets could only dream of a few years ago. * Beautiful UI? Got that. * Great SEO? Yep. Easy. * Amazing lighthouse speed scores? You got it. * Running heavy code on the backend? Done. * Saving user data? Yepp. * Works on mobile? Of course. * What about an offline PWA? Absolutely. * Makes money? Yep got that too. Maybe it’s not your job to do all that in your company right now. The bigger the company, the smaller your area of expertise. But wouldn’t it be awesome if you could do all of that? What if the next time you have an idea for a great feature, you just build it? Own the whole stack from start to finish. You’d be a superhero! Or maybe it’s just for you. Great idea for a project, an app, a painful problem you want to solve? Now you can. There’s no faster way to upercharge your career than a side project you’re passionate about. In this workshop, you will learn: * How to set up a static-first webapp with Gatsby * Why that’s important for SEO and speed scores * How to build good looking UIs without design skills * How to move some functionality to the backend using a serverlessapproach
* How to use serverless to store user data * Using GraphQL to query your data * How to add user authentication * How to monetize your creation You’ll leave this full-day workshop knowing some of the most powerful (and fun!) technologies that make web development in 2020 soamazing.
Sign up to get notified when Serverless React Workshop happens next👉
Email me to book Serverless React Workshop at your company orconference
REACT FOR DATA VISUALIZATION Swizec teaching a React for Dataviz workshop Become a data visualization engineer with React + D3v5. Creating dynamic and interactive data visualizations on the web is a pain. It gets really hard when you add animation, inter-connected dashboards, and fast performance on mobile devices. You’re either using libraries you can’t customize, copy pasting D3 examples you don’t understand, or battling documentation to write spaghetti code you can’t reuse. It’s okay, we’ve all been there:)
In this workshop, you will learn: * How to build modern data visualization the maintainable way. * Modeling your code as a state machine in React apps* D3 Fundamentals
* Different ways to integrate D3 with React * Investigate the pros and cons of each method * Build something beautiful together By the end of this workshop you’ll have the tools you need to build any dataviz challenge your boss or client throws at you. Even if they ask you to animate 20,000 datapoints on a 5 year old phone. Sign up to get notified when React for Dataviz happens next 👉 Email me to book React for Dataviz Workshop at your company orconference
REACT AND REDUX
React and Redux was a workshop I taught in 2016/17 at several largecompanies.
It went over the basics of React, how to think with unidirectional dataflow, the fundamentals of using Redux, and prepared teams for migrating their codebases to React. They were lots of fun. You can see the materials online for free . They still work, but it's not how you write modern React.COURSES
SERVERLESS REACT
Most professional engineers can't build an app from scratch Learn how to BUILD FAST MODERN WEBAPPS from idea to launch withServerlessReact.Dev
You're a brilliant engineer. Great at your job. Someone gives you a spec and you get it done. Bam 💪 But you can't ship a product on your own. You work with others. They're slow. They're busy. There's meetings. Committees. Pull requests. Managers. Approvals. So much work about work that doesn't deliver value to users. Every little thing involves a designer, a JavaScript expert, a CSS professional, a backend engineer, a database person, the QA team, the devops folks, the ... It takes you months to turn a star button into a like button.Ugh.
What if you could grab an idea by the horns and BUILD THE DAMN THING? Own a feature from start to finish? Check out Serverless React 👉 REACT FOR DATA VISUALIZATION Stop copy pasting D3 examples, create data visualizations of your own Learn how to BUILD SCALABLE DATAVIZ COMPONENTS your whole team can understand with React for Data Visualization So you want to build a beautiful data viz. You've got data burning a hole through your pocket, an idea for a juicy story, and your boss or client are waiting for results. You want something that looks great, works in the browser, performs on mobile, lets users interact with their data, syncs across an entire dashboard, and works as building blocks for future projects.Cool ... now what?
> "I've tried D3 in the past, found it powerful but a bit confusing to> use"
Dynamic data visualization for the web is a pain in the ass you see. Harder than it looks. Yeah sure anyone can build a chart in google docs but that's not what you're after is it? You can't build a product on top of google sheets. You definitely can't feed in dynamic data from an API, personalized to the user, and let them navigate and explore. You've heard people build these amazing things with D3. The New York Times uses it, The Guardian does, so do Netflix, Uber, 23andMe, Visa, Walmart, and many others. I know because they've been to my workshops;)
You hunt the web for examples and omaigod what is this!? How the hell is D3 doing that? 😳😳 Check out React for Dataviz 👉BOOKS
SERVERLESS HANDBOOK - 2020 Serverless Handbook cover Modern backend for frontend engineers. Serverless Handbook shows you how to use your existng JavaScript and TypeScript skills to build backend systems with the serverlessparadigm.
Based on AWS and the Serverless Framework, you'll learn how to build your ideas without wasting time on DevOps and server management.REACT + D3V4 - 2017
_This book is now the React for Dataviz course_React+D3v4 cover
Creating dynamic data visualizations on the web is a pain in the ass. You either have to use dumbed down libraries that won't let you do what you want, or make everything from scratch. Every time. You want a quick way to build complex visualizations. Build once, use everywhere. In every project. Don't believe me? With React + D3v4 you'll learn how to build re-usable visualization components in about an hour. DATA VISUALIZATION WITH D3.JS - 2013 Data Visualization with d3.jscover
When you're learning d3.js on your own you often feel like Step 1: Draw two circles, is followed by Step 2: Draw the rest of the owl. My book aims to bridge that gap. I guide you through complete examples from basic shapes on a page to full blown visualisations. There is no magic here, no steps left unexplained. You will understand everything that goes into making a visualization with d3.js. WHY PROGRAMMERS WORK AT NIGHT - 2012 Why programmers work at nightcover
The early bird does not always catch the worm, sometimes it meets acat.
Programmers often work on unusual schedules that do not jive with the modern 9-5 office culture. They don't even do their best work atoffices.
This book shows programmers and those around them that there's abetter way.
"My girlfriend loved your book! " ~ Jan HančičTALKS
Speaking at WriteTheDocs Prague in 2014 > Swizec had everyone simultaneously laughing, > commiserating and applauding with his epic tale of blood, > sweat, tears and rewrites. This session also featured the > single best quote of the entire conference: “Editors are > horrible people”.>
> ~ Kay Smoljak about > my talk at WTD Hungary 2014 > First talk of the conference that made me want to close my laptop>
> ~ lowk3y about my keynote at Drupal Alpe> Adria 2014
Email me to speak at your company or conference * 2020 - Wormhole state management with React Hooks – ReactiveConfMeetup
* 2020 - UseAuth - delightfully simple authentication in React -#wwwhmb 111
* 2019 - The Web Got so Good You Can Build a Startup in 1 Day - Silicon Valley CodeCamp * 2018 - Data Visualizations with React + D3 * 2018 - Using blockchain for shared UI state on the web * 2017 - Modern web development: The Component is King * 2016 - Reusable data visualization with React and d3.js * 2016 - How to use React and d3.js to Build Visualization Components * 2016 - bayd3: React & D3 - Better Together * 2014 - Wat ... are we doing to ourselves? * 2014 - Why programmers work at night, keynote
* 2014 - What I learned writing a lousy tech book * 2013 - Self-publishing yes or no * 2012 - Why programmers work at night * 2012 - Modern Python idioms * 2012 - I don't like servers * 2012 - Django SQL optimisation * 2012 - Blogging, hats, stuff * 2011 - Tools that get you laid * 2010 - Scraping the wild internets * 2010 - The future internet * 2010 - LazySharer * 2009 - The Synaptic Web Created bySwizec with ❤️ Blog Books Courses WorkshopsAbout
__
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0