Skip to content

Commit

Permalink
Replace GitHub raw urls with our Google storage (#6718)
Browse files Browse the repository at this point in the history
  • Loading branch information
@jdorfman
jdorfman authored Feb 6, 2024
1 parent 4c5df1d commit d5a0712
Showing 1 changed file with 22 additions and 22 deletions.
44 changes: 22 additions & 22 deletions content/blogposts/2024/top-5-tips-for-using-cody-with-react.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@ The first question I asked Cody is: `I want to build a React app using GPT-4, wh

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_1_1.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_1_2.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_1_1.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_1_2.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand All @@ -59,8 +59,8 @@ What if the same question is asked without providing enough context? Let's see t

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_2_1.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_2_2.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_2_1.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_2_2.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand All @@ -72,7 +72,7 @@ I asked Cody first about the UI components I needed to develop for this app, and

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/input_prompt_3.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/input_prompt_3.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand All @@ -82,8 +82,8 @@ Next, I asked about how to build the search input box along with a submit button

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_4_1.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_4_2.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_4_1.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_4_2.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand Down Expand Up @@ -144,8 +144,8 @@ I input Cody this prompt: `I want to use the keywords from the input to generate

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_5_1.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_5_2.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_5_1.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_5_2.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand All @@ -155,9 +155,9 @@ The updated Cody prompt: `I want to use the keywords from the input to generate

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_6_1.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_6_2.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_6_3.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_6_1.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_6_2.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_6_3.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand Down Expand Up @@ -193,7 +193,7 @@ Cody prompt for the `/edit` command: Update the Home component to render the Twe

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/input_prompt_7.gif" width="680" height="520" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/input_prompt_7.gif" width="680" height="520" /></td>
</tr>
</table>

Expand All @@ -204,15 +204,15 @@ You can also use the Cody inline chat feature to ask any question related to any

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/input_prompt_8.gif" width="680" height="520" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/input_prompt_8.gif" width="680" height="520" /></td>
</tr>
</table>

There is a list of other Cody commands which you can use as per your use case.

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/commands.jpg" width="520" height="430" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/commands.jpg" width="520" height="430" /></td>
</tr>
</table>

Expand Down Expand Up @@ -249,15 +249,15 @@ The `/add-test` command is in action.

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/input_prompt_9.gif" width="680" height="520" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/input_prompt_9.gif" width="680" height="520" /></td>
</tr>
</table>

Similarly, you can use the `/doc` command to add documentation to any components.

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/doc.jpg" width="350" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/doc.jpg" width="350" height="320" /></td>
</tr>
</table>

Expand All @@ -273,7 +273,7 @@ Question 1: Tell me how the React library is implemented using the current codeb

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/react_1.jpg" width="520" height="380" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/react_1.jpg" width="520" height="380" /></td>
</tr>
</table>

Expand All @@ -285,7 +285,7 @@ Question 2: Tell me more about the DOM diffing algorithms, and explain to me the

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/react_2.jpg" width="520" height="380" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/react_2.jpg" width="520" height="380" /></td>
</tr>
</table>

Expand All @@ -295,9 +295,9 @@ You can also look at any function in detail using the prompt `/search {keyword}`

<table>
<tr>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_10_1.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_10_2.jpg" width="280" height="320" /></td>
<td><img src="https://github.com/deepak2431/cody-blogs/raw/react-cody-tip/blogs/assets/prompt_10_3.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_10_1.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_10_2.jpg" width="280" height="320" /></td>
<td><img src="https://storage.googleapis.com/sourcegraph-assets/blog/blog-react-cody-tip-images/prompt_10_3.jpg" width="280" height="320" /></td>
</tr>
</table>

Expand Down

0 comments on commit d5a0712

Please sign in to comment.